Absolute positioned div jumps outside containing div in IE7
- by user367232
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!
