2 replies [Last post]
thatsgame1
thatsgame1's picture
Offline
Enthusiast
Tallahassee, FL
Last seen: 14 years 26 weeks ago
Tallahassee, FL
Joined: 2004-11-06
Posts: 69
Points: 0

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.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 38 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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; }

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

thatsgame1
thatsgame1's picture
Offline
Enthusiast
Tallahassee, FL
Last seen: 14 years 26 weeks ago
Tallahassee, FL
Joined: 2004-11-06
Posts: 69
Points: 0

Hi Tyssen Thank you very

Hi Tyssen

Thank you very much that works nicely.