Annoying problem regarding absolute positioning

Discussion in 'CSS' started by iamben, Feb 14, 2008.

  1. #1
    Hey -

    I've spent all afternoon on this, can't figure it out. If anyone can help, I'd be eternally grateful.

    Basically I have a floated div, and I'm trying to absolutely position an image (which will eventually be a link) in the top left hand corner of the div, covering up any of the content that may be in the div.

    It works perfectly in FF, but when I look at it in IE6, the image doesn't appear at all. It's absolutely positioned inside a div with the parent is relative positioned. I've stripped everything I can from the code to ensure nothing is conflicting, and everything I have left marks up perfectly.

    You can see the problem here: http://www.zbps.net/test - obviously works perfectly in FF and not at all in IE6. If anyone can figure it out (or figure out a better way to do it) - thank you, thank you, thank you...

    ben
     
    iamben, Feb 14, 2008 IP
  2. risoknop

    risoknop Peon

    Messages:
    914
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Put it in new div and give it higher z-index than the other div...

    But I'm not sure if this is what you were asking for.
     
    risoknop, Feb 14, 2008 IP
  3. iamben

    iamben Active Member

    Messages:
    116
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    73
    #3
    Nah, it seems that no matter whether I put I put the absolute div at the top of bottom of the container, or how high I set the z-index, the image is still hidden. As I said, perfect in FF, no go in IE...

    Thanks anyway, though... Any other ideas?


    ben
     
    iamben, Feb 14, 2008 IP