Previous Message
Next Message

Background image for <a> tag problem in IE6

Sent by Isabel Santos on 24 September 2005 00:12

Hi Rich,
 from your css:
 #header ul li a {
color: #FFFFFF;
display: block;
text-decoration: none;
font-weight: bolder;
font-size: .9em;
padding: 0 0 0px 20px;
margin: 0px 0 0 0;
text-align: left;
background: url(../images/chrome/arrow_bullet.gif) no-repeat scroll left
margin-left: -10px;
z-index: 100;
letter-spacing: 1px;}
 I'm not sure, but,
Why z-index on a float? It should only work in absolutely positioned
elements, witch is not the case...
Why margin: 0px 0 0 0; ... margin-left: -10px;?
 Some clues:
FF and IE have diferent default margins on lis.
IE seams to need dimensions on floats to keep them at the flow; since you
have defined dimensions on the lis you might have no trouble giving a height
to the 'a elements';
if you do, you can give it a height of 0 hacking it to ie only (heights in
ie are actually min-heights, so don´t worry)
Didn't test it, hope it works
 Isabel Santos

 On 9/23/05, Rich Points [EMAIL-REMOVED]> wrote:
> Howdy,
> I've set up a background image with a small arrow on hyper links in my
> navigation. This works fine in Firefox and other Gecko browsers but I
> can't get it to render in IE6. Here is a page that uses it
> <>
> How do I fix this?
> Thanks
> Rich
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> List wiki/FAQ --
> Supported by <> --
css-discuss [EMAIL-REMOVED]]
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: