Specifying a Font Causes CSS Error in IE6?

Discussion in 'CSS' started by VikR, Jan 18, 2008.

0
  1. #1
    I have links on the top of my home page. Each link has a background image (a bullet) and the text of the link. The div for the text has a left padding of 30px to keep it from landing on top of the bullet in the background image. This is working perfectly on Mac Firefox and Safari, but is not yet working on IE 6. Oddly, the padding is ignored on the first link, but works properly on the other links.

    Here's an illustration:

    [​IMG]​

    (Note- the illustration says the anomaly is in IE 6 and 7, but it may be only in IE6 at this point - I've been working on this for a day or so.)

    I've replicated the anomaly on two small test pages.

    http://www.flavorzoom.com/anomaly.html is fine and looks as expected.

    http://www.flavorzoom.com/anomaly_b.html has the image for the left-most link ("Home") missing (in IE6).

    The only difference between the two files, is a font-family specification for the body:

    font-family: Arial, Helvetica, sans-serif;

    How can I fix this?
     
    VikR, Jan 18, 2008 IP
  2. VikR

    VikR Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Solved! It was a hasLayout issue. I added:

    display:inline-block;

    ...in .selected and in #fz_menuin a, and it fixed it.
     
    VikR, Jan 18, 2008 IP