IE CSS Problem, simple please help :)

Hi, well I'm currently having an issue with my nav bar when viewing the site in internet explorer.

http://alturl.com/ynpy


As you can see, in firefox it works fine. When the users rollover the nav bar item it changes the background to a whiteish color and the text changes to black, while in ie it automatically changes the background color to white without rolling over and the text stays white aswell.

The stylesheet can be found at /style.css

EDIT: Not sure if its just me getting this problem since it worked on someone elses ie browser.

 

Try remove the #f5f7ff after background.

Should fix the problem. Make sure you have a backup copy just incase I'm wrong.

 

ok, ill try it in a sec!

edit : Still did the same thing in ie when i did your fix.

 

Probably IE just can't interpret your image url quite well.
Failed to find your image, it just loaded the default non-image bg: #f5f7ff

#navbar ul {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
    background:#f5f7ff url([COLOR="Red"]/../images/navbarbg.png[/COLOR]) repeat-x top; 
    }

Code (markup):

Why not just /images/navbarbg.png ?

Your site look good in my FF, IE8 though.

 

i put /../ because the stylesheet is in the css folder.

 

True.

My point is that you might still looking folders
from server (point of) view, while actually it is your
visitor browser who look into it.

A visitor can't look into /../images of your folder,
he just see the first "/" (e.g: public_html) and its subfolders.

So may be his browser is IE6 or 7,
not as sophisticated as modern browsers,
which capable to manipulate /../images url.

Just try it,
and let me know

Regards,

 

Wat should I try exactly? What should i replace it with?

 

In style.css (red phrase below), from:

...
#navbar ul {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
    background:#f5f7ff url([B][COLOR="Red"]/../images/navbarbg.png[/COLOR][/B]) repeat-x top; 
}
...

Code (markup):

to this one:

...
#navbar ul {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
    background:#f5f7ff url([B][COLOR="Red"]/images/navbarbg.png[/COLOR][/B]) repeat-x top; 
}
...

Code (markup):

Hope this would work...

 

lol, i use firefox but all i see is a blank page ?

 

The site is under maintenance atm.

 

ok that explains a lot