Topic: Navigation Menu Problem *IE*
I'm having a little problem and have no clue what is causing it. I don't know if it's a problem with the browser or if it's a problem with the .css. I just hope it is fixable. If you notice closely in the IE7 image, left of the Index the image is darker than it should be. I checked the actual image and it's fine.
IE7:
FF:
#brdmenu a:hover, .blockpost h2 a:hover
{
text-decoration: none;
}
#brdmenu ul
{
padding: 0px 0px;
background: url('../img/OpenWings/menu-back.png') repeat-x;
height: 35px;
}
div#brdmenu
{
height: 35px;
padding: 0 0 0 18px;
background: url('../img/OpenWings/menu-first.png') no-repeat;
}
div#brdmenu li
{
height: 35px;
margin: 0;
padding: 0;
float: left;
white-space: nowrap;
}
/* for IE */
* html div#brdmenu li
{
width: 1%;
}
div#brdmenu li
{
padding-right: 2px;
background: url('../img/OpenWings/menu-divide.png') top right no-repeat;
}
div#brdmenu li a
{
display: block;
height: 35px;
padding: 0 20px 0 18px;
line-height: 35px;
font-size: 8pt;
color: #353535;
background: url('../img/OpenWings/menu-off.png') no-repeat;
}
div#brdmenu li a:hover
{
color: #000;
text-decoration: none;
background: url('../img/OpenWings/menu-hover.png') no-repeat;
}
#brdmenu a:link,
#brdmenu a:active,
#brdmenu a:visited,
#brdmenu a:hover
{
float: left;
display: block;
color: #000;
text-decoration: none;
}
div#brdmenu
{
height: 35px;
line-height: 200%;
overflow: hidden !important;
}[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc
http://openwings.co.cc
