Hi I've got a site where I've got my subnav changing out when rolling
over the different items on my main nav. I've got it working in IE and
Firefox on both PC and Mac, however it isn't working in Safari.
Here's the navigation in question...
Here's a breakdown of what I'm doing...
There are 5 main menu items, each with their own subnav. I am wrapping
5 separate tables in div tags and setting their visibility to zero.
When I roll over each main menu item I set the visibility of that menu
items corresponding subnav to visible and I set all other subnav's
visibility to hidden.
Because I've set each subnav up as a table, and because each subnav is
21px tall, I've had to reposition each one by a multiple of 21px. For
instance I move subnav1 up 21px using margin-top:-21px;, subnav2 up
42px, etc. I've also had to add the same amount of pixels to the
bottom to keep my footer from jumping around while I roll over my
So my question is kind of two pronged...
1) I'd like to get this working in Safari also.
2) I'm sure there is a better method and would love to hear any
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/