I am having trouble with IE6 adding extra space at the bottom of 2 links in navbar (form of an unordered list). I can’t figure it out. The do happen to be the links with sub-menus. I got the structure from suckerfish/a list apart. It works in IE7/firefox just fine.
#leftnav ul { /* all lists */
margin: 0;
list-style: none;}
#leftnav li { /* all list items */
position : relative;
margin-left: -40px;
*margin-left: 0px;
margin-bottom : -1px;}
#leftnav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 10.1em;
margin-top : -1.8em;}
#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {
left: -999em;}
#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;}
Then it’s just a list with the links. If you got to http://www.readingnowerie.com you can see what it looks like it IE 6. Any help would be really apperciated!
Thanks.