Cut it down a bit to make it clearer but have a four column thing with a background image on an HTML page. I have cut and pasted (three times just to be sure!) the style and HTML from another page that works in all browsers.
style:
.content-last {float:left; width:992px; height:175px; margin-left:0px; background-image:url('images/main_lower.png'); background-repeat:no-repeat;}
.content-lastbox {float:left; width:248px; height:175px;}
.content-lastbox p {float:none; padding-left:20px; font-size:16px; font-weight:normal; padding-top:5px;}
HTML:
<div class="content-last">
<div class="content-lastbox">
<p>Line 1<br>garbage</p>
</div>
<div class="content-lastbox">
<p>Line 2<br>tripe here</p>
</div>
<div class="content-lastbox">
<p>Line 3<br>things</p>
</div>
<div class="content-lastbox">
<p>Line 4<br>Rubbish<br>More rubbish</p>
</div>
</div>
This page works in all browsers except IE when the last four letters "bish" also appears below the box. The last column is a line taller but the div and the containing div are of sufficient height so why would just a small part of one line somehow overflow them? Much ta for any brill ideas.
style:
.content-last {float:left; width:992px; height:175px; margin-left:0px; background-image:url('images/main_lower.png'); background-repeat:no-repeat;}
.content-lastbox {float:left; width:248px; height:175px;}
.content-lastbox p {float:none; padding-left:20px; font-size:16px; font-weight:normal; padding-top:5px;}
HTML:
<div class="content-last">
<div class="content-lastbox">
<p>Line 1<br>garbage</p>
</div>
<div class="content-lastbox">
<p>Line 2<br>tripe here</p>
</div>
<div class="content-lastbox">
<p>Line 3<br>things</p>
</div>
<div class="content-lastbox">
<p>Line 4<br>Rubbish<br>More rubbish</p>
</div>
</div>
This page works in all browsers except IE when the last four letters "bish" also appears below the box. The last column is a line taller but the div and the containing div are of sufficient height so why would just a small part of one line somehow overflow them? Much ta for any brill ideas.
Comment