Hi,
I am desperate. I have a simple school site launching in a week and can't find
a fix! I have this issue ONLY in Internet Explorer.
I have a left nav bar that is floated to the left. Each link in the nav bar is
a list item. Within the lists item, the <a> link has ah a different color for
the hover mode. My issue is this: This nav bar renders correctly on Opera and
FireFox, but not on IE 6.0. On IE, the left nav flickers whenever the pointer
hovers, a very nasty, jarring effect. What could be wrong?
Here my URL for the web page: http://www.elcarmelo.paloaltopta.org/
(production site)
OR
http://cpotochny.com/PTA/ (development site)
And the style sheet: http://cpotochny.com/PTA/PTA.css (on the developlment
site)
I am copy/pasting the styles that pertain to the lef nav below, if that's
easier:
#navigation {
padding: 0px;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
width: 175px;
float: left;
position: relative;
}
#navigation ul {
margin: 0px;
list-style-type: none;
padding: 0px;
}
#navigation li {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#navigation a:link {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 9px 5px 9px 0.5em;
margin-right: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-image: url(images/gradientW175.gif);
background-repeat: repeat-y;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #666666;
width: 175px;
}
#navigation a:visited {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 9px 5px 9px 0.5em;
margin-right: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-image: url(images/gradientW175.gif);
border-left-width: 5px;
border-left-style: solid;
border-left-color: #666666;
background-repeat: repeat-y;
width: 175px;
}
#navigation a:hover {
font-size: 0.9em;
display: block;
color: #FFFFFF;
background-image: url(images/gradient_hoverW175.gif);
width: 175px;
}
#navigation a:active {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 9px 5px 9px 0.5em;
margin-right: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-image: url(images/gradientW175.gif);
background-repeat: repeat-y;
width: 175px;
}
Christine
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
