Forum Moderators: not2easy

Message Too Old, No Replies

IE6 CSS Popout Menu

         

bgentry

7:23 pm on Feb 13, 2007 (gmt 0)

10+ Year Member



Currently I'm developing a site at <snip> and am having issues with the CSS popout menu, but only in IE6. The issue is they're not showing up at all, I've toyed around with it for a couple days and can't figure it out... Everything works fine in IE7 and FF2. The stylesheet is simply named styles.css

If anyone has time to check it out, I'd greatly appreciate it.

CSS snippet added


.content_menu {float:left;background-image:url(images/bg_nav.gif);background-repeat:none;height:355px;width:140px;padding-top:30px;padding-left:7px;}
.content_menu ul {margin: 0;padding: 0;list-style: none;width: 130px;line-height:17px;background-color: transparent;}
.content_menu ul li {position: relative;background-color: transparent;}
.content_menu ul li a {display: block;text-decoration: none;padding: 5px;border-bottom: 0;color:white; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
.content_menu li ul {position: absolute;left: 129px;top: 0;display: none;}
.content_menu li:hover ul {display: block;}
.content_menu a {text-decoration:none;color:#FFFFFF;}
.content_menu a:hover {text-decoration:none;color:#000000;}

[edited by: SuzyUK at 8:15 pm (utc) on Feb. 13, 2007]
[edit reason] removed URI perTOS - added some code [/edit]

londrum

9:31 pm on Feb 13, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



hello. it's because of the 'li:hover' bit.
technically it's correct, as hover is supposed to work on everything. but in IE6 it only works on links, i.e. a:hover