Absolute positioned div jumps outside containing div in IE7

Posted by user367232 on Stack Overflow See other posts from Stack Overflow or by user367232
Published on 2010-06-15T14:22:31Z Indexed on 2010/06/15 14:32 UTC
Read the original article Hit count: 344

Having trouble with a couple of display issues in IE7.

Firstly, my large text headers display too far up in Internet Explorer (all pages) Secondly, my descriptions on my Portfolio pages end up outside their containing divs.

Works great on FF/Chrome/Opera/Safari though! You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my dumb questions don't show up when someone googles my website).

I've googled extensively. Not sure if problem number 2 is a overflow issue, or a absolute positioning bug in IE.

Here's the CSS for the centre div with the jumbo-text titles

.column1 {
padding: 103px 10px 10px 10px;
float: left;
width: 500px;
margin: 0;
}

And for the description div on the portfolio page

.porttxtbox {
text-align: right;
background-image: url(images/porttxtBG.png);
bottom: 0;
position: absolute;
width: 100%;
padding: 0px;
margin: 0px;
}

And it's container div

.portimgbox {
    padding: 0px;
    margin: 0px;
    height: 250px;
    width: 480px;
    position: relative;
    border: 5px solid #EAEAEA;

Thanks in advance!

© Stack Overflow or respective owner

Related posts about html

Related posts about css