View Full Version : Floated image breaking border of container div

05-15-2008, 05:36 PM
I've having a bit of an issue with Internet Explorer 7 and div borders.

I'm working on a site design (page (http://www.whorrak.com/stbc/index3.html), css (http://www.whorrak.com/stbc/stylesheet3.css)), and I have a container div with some separate divs inside for each content item. Inside some of these content divs, I float an image. Whenever I do so, the left border on the container div is broken, but only in Internet Explorer, and only where the image is. If I open the page in Firefox, it looks fine.

Any assistance would be appreciated. :confused:

05-15-2008, 06:07 PM

.itemcontent { background-color: #FFFFFF;
margin: 0px 0px 20px 0px;
padding: 10px 10px 0px 0px;
font-size: 15px;
border-top: none;
border-right: 1px dashed #000000;
border-bottom: 1px dashed #000000;
border-left: none;
text-align: justify;
Whenever you see an unexpected misbehavior in IE, always check peekaboo (http://www.positioniseverything.net/explorer/peekaboo.html):thumbsup:

05-15-2008, 06:14 PM
Thank you, abduraooft! That worked perfectly.