ie: mac on os x problem

I am trying to use the following div...


<div class="menuHeader">Services</div>


...with the following css class...


div.menuHeader{
background-image: url('../images/menuHeader.gif');
background-repeat: no-repeat;
width: 200px;
height: 45px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #92add9;
text-align: left;
padding-top: 25px;
margin: 0px, 0px, 20px, 0px;
}


...but for whatever reason, ie: mac 5.2 refuses to display it. This also occurs in "firefox" on mac (not sure what version - a friend told me about that one). What can I do to fix this problem?

Thanks

To debug this I'd recommend you remove the CSS rules one at a time from the declaration until the div shows. Then you can ask us why that particular rule would cause a problem.

sorry... my question was misleading..

the div is displaying.. it just doesn't display the background. The content put inside the div tags (in the code above "services") is displayed correctly.

You might want to drop the quotes in the attribute, just:

background-image: url(../blah/blah.jpg);


there may be some other type of interferance, so we'd have to see the full code if this doesn't work. So you know, firefox for mac works like the PC version, Mac IE was good for it's time, but is now lackluster -- I would say over 90% of us mac users are on OS X, and 99% of us would rather use Safari than Mac IE -- and, if anything, we have more than one browser. Don't code for Mac IE, it'll give you hell and ignore it -- those users still on it are far used to seeing webpages go weird, and they all know it's because the product was discontinued. That being said, I don't even see the icon in my Dock:)

thanks

That fixed the problem