Hello all,
I'm working with the vertical multi level menu http://mailer.fsu.edu/~ajdemete/gof/. There are two little issues.
1. The bottom border on the last menu item doesn't seem to be there. \
2. There seems to be something weird going on with the menu item "About Us" in IE7. It jumps a little bit on hover. It works fine in FireFox though.
Any help is most appreciated.
IE won't understand
IE won't understand :last-child, so you're better off giving each last list item a class and adding the bottom border to it, e.g.:
#vertnav li.last {border-bottom:1px solid #E70372;}
The problem in IE7 is this:
/* Win IE only \*/
* html #vertnav li{float:left;}
/* end holly hack */
IE7 doesn't understand * html, but it needs that rule. I tested it without the * html and it seems to work fine in FF2, Opera 9.1, IE6 and 7 (so not sure why it should be Win IE only).
Also, you've got a problem in IE6 which can be fixed by doing this:
#vertnav a {
text-decoration:none;
display:block;
font-family:verdana, arial;
padding:0.2em 0 0.2em 0.1em;
width:11.9em;
height:1em;
}
Hi Tyssen Thank you very
Hi Tyssen
Thank you very much that works nicely.