Horizontal submenu on the standard SPRY menu in DWCS3

Question

Could someone help me with how to change the submenu of the
standard Spry Widget in CS3 (Horizontal Menu Bar) also to show in
Horizontal fashion rather than the standard vertical. I checked
past threads but could not any sense of them (I am rather new
altough have a basic understanding of CSS and XHTML). Also, is
there anyone that knows how to add a third level? (also
horizontal). The idea is to have a 1st level horizontal bar that on
hoovering over a tag higlight the second level (to appear just
below it) that relates to it and so on for the second level. So
that the user can see the whole structure while hovering over the
first to levels with the cursor and reach the bottom level (3rd).
Not sure if I am clear but would appreciate any help from someone
that knows more than me.
Regards
A

Answer 1

Hello,
I wonder if anyone can help. I created a Spry menu in DWCS3.
I wanted it to have a transparent background so I tried two things.
The first was to insert 'none' as the value for background-color as
below, and the other was to delete the background-color line
altogether. BOTH ways work fine in Firefox, but neither work in
IE7. In IE7 you get a default white background, which is very
annoying because my menu text is white and therefore you can't read
it. This is the website in
progress here
> Any ideas? Many thanks, Ellie
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: none;
padding: 0.5em 0.75em;
color: #FFFFCC;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
}