Sent by Thomas O. Isaksson on 22 July 2004 12:12
Hey everyone.
I seem to have a problem with a definition in IE5 Mac. I'm trying to use
a body class to tell which tab should be active, like this:
<body id="sims1" class="start">
<div id="navigation">
<ul>
<li><a href="javascript:setSection('start')" class="start">Start</a></li>
</ul>
The CSS to determine the background image position (to initiate the
hover/active state) is as follows:
#navigation a {
color:#fff;
text-decoration:none;
display:block;
height:27px;
font-weight:bold;
background:#050869 url(/images/topnav/tab.gif) top left repeat-x;
}
body.start #navigation a.start {
background-position:0 -27px;
}
Now this works nice and dandy in all browsers except IE5 Mac. In fact,
on Mac the hover/active state doesn't even show the image at all, just a
blank background. If you go to view the image source like
http://wwwng.thesimsresource.com/images/topnav/tab.gif it does show the
image meant to be seen.
Anyone have any idea what might be causing this? Could it be that I use
a background pattern for the active and hover state with a repeat-x and
IE5 Mac fails to stretch the background? I'm out of ideas.
Please see http://wwwng.thesimsresource.com for the full page. The tabs
in question are the ones on the top of the page (the blue ones).
For the CSS, see http://wwwng.thesimsresource.com/css/styles.css.
Best regards,
Thomas O. Isaksson
Oddjob Media ab
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
