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:
http://img527.imageshack.us/img527/3464/styleyc5.png

FF:
http://img144.imageshack.us/img144/5954/style2pm8.png

#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

Re: Navigation Menu Problem *IE*

It's barely noticeable on the screenshot and it's not noticeable at all on my computer. wink

Re: Navigation Menu Problem *IE*

Smartys wrote:

It's barely noticeable on the screenshot and it's not noticeable at all on my computer. wink

It's still noticeable but would you know what's causing it?

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Navigation Menu Problem *IE*

No, since there is no difference on my computer.

Try fixing the HTML validation errors and see if that makes a difference?

Re: Navigation Menu Problem *IE*

Maybe the image is slightly to the left on IE as it has diagonal darker lines through it?

Re: Navigation Menu Problem *IE*

W3C CSS Validator results for http://openwings.uni.cc/tests/style/OpenWings.css (CSS level 2.1)
Congratulations! No Error Found.

No errors in the .css so can't be that....

This page is not Valid XHTML 1.0 Strict!
Result:     Failed validation, 4 Errors

The 4 errors are the script that my webhost puts on...

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Navigation Menu Problem *IE*

4?
http://validator.w3.org/check?verbose=1 … 2Ftests%2F
Try 83 wink

Connor is probably right though.

Re: Navigation Menu Problem *IE*

Smartys wrote:

4?
http://validator.w3.org/check?verbose=1 … 2Ftests%2F
Try 83 wink

Connor is probably right though.

I know, that's cause I just put back my two modified .php. Anyways I have to head off to school. Hopefully when I get back someone has a fix smile

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

9

Re: Navigation Menu Problem *IE*

What CSS do you have for the hover? Colouring/shading is the same as for button hover in I.E, (which almost isn't there in Moz), so I'd personally look there.