mc752
09-06-2007, 04:37 AM
I have an issue with IE7 and my CSS, I have a background hover when mouse over on a right navigation menu. On IE6 and Firefox it views perfect. However, in IE7 I get a gray line on the top not the entire image which is simply a gray oval to indicate mouse-over. It validates without any errors, and is driving me nuts!
Any help is greatly appreciated.
Here is my CSS code
.navright {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:normal;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#000000;
text-align:center;
text-indent:5px;
vertical-align:middle;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 5px;
}
.navright ul {
padding:0;
list-style:none;
line-height:25px;
font-size:12px;
font-weight:bold;
}
.navright li {
padding-bottom:2px;
}
.navright li a:hover {
height: 1%;
color: #FFFFFF;
background-color: #000000;
background-image: url(../images/back-rtroll.gif);
background-repeat: no-repeat;
background-position: center center;
text-decoration: none;
color: #CC6600;
position: relative;
}
.navright li a {
height:1%;
display:block;
font-size:12px;
color: #ffffff;
text-decoration: none;
padding:2px 0 2px 2px;
}
Any help is greatly appreciated.
Here is my CSS code
.navright {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:normal;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#000000;
text-align:center;
text-indent:5px;
vertical-align:middle;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 5px;
}
.navright ul {
padding:0;
list-style:none;
line-height:25px;
font-size:12px;
font-weight:bold;
}
.navright li {
padding-bottom:2px;
}
.navright li a:hover {
height: 1%;
color: #FFFFFF;
background-color: #000000;
background-image: url(../images/back-rtroll.gif);
background-repeat: no-repeat;
background-position: center center;
text-decoration: none;
color: #CC6600;
position: relative;
}
.navright li a {
height:1%;
display:block;
font-size:12px;
color: #ffffff;
text-decoration: none;
padding:2px 0 2px 2px;
}