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;
font-variant:small-caps;
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
top;
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
> graphic-arts-schools.com/find.php<http://graphic-arts-schools.com/find.php>
> <http://www.graphic-arts-schools.com/find.php>
>
> How do I fix this?
>
> Thanks
> Rich
> ______________________________________________________________________
> 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://evolt.org> --
> http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
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/
Previous Message
Next Message

Message thread: