...

View Full Version : CSS LIST NAV not working on IE 6



tuba74
11-16-2009, 02:52 PM
So I finally got my list navs to work then I looked at it on IE 6 pc- FAILED!
Am I missing some tag or do I need to hack it and call out a special style for IE 6? This is my first list nav attempt and I need help. thank you in advance.

link:
http://www.ochies.com/cps/111609/sub.html

css
http://www.ochies.com/cps/111609/cps.css
(#pipe - line 82 to 154)

abduraooft
11-16-2009, 03:48 PM
Try
#pipe li a {
/*background-image:url(images/navline.gif);*/
background-color:#999;
color:#333333;
padding:0 19px;
margin-right: 0px;
text-decoration: none;
height:52px;
line-height:52px;
float:left;
}

#pipe li a:link {
/*background-image:url(images/navline.gif);*/
background-color:#999;
color:#333333;

margin-right: 0px;
text-decoration: none;
}

#pipe li a:visited {
/*background-image:url(images/navline.gif);*/
background-color:#999;
color:#333333;

margin: 0px;
text-decoration: none;
}
#pipe li a:hover {
color:#ffffff;
background-image:url(images/navline_on.gif);

margin: 0px;
text-decoration: none;
}

#pipe li a:active {
/*background-image:url(images/navline.gif);*/
background-color:#999;
color:#333333;

margin: 0px;
text-decoration: none;
}

PS: The pseudo classes should be in the order link,visited,hover,active (LoVe-HAte), otherwise it may cause some unexpected issues in IE.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum