CSS Float Causes Fake Indents in IE - Fix, Hack

We had this problem here at 3RSV5…

Any time we floated an image in a post, IE would render the first line of text after the float with a fake, false indent. There are several instances of right and left floats that cause IE to display the wrong way, but hey, that’s IE.

We used the simple solution… ‘display:inline;’ worked quite nicely…. see the code snippet from our CSS below:

.rightbox {
        float: right;
	position: relative;
        display: inline;
	margin: 0px 0 15px 15px;
	padding: 0px;
	text-align: center;
}
	
.rightbox img {
	display: block;
	position: relative;
	border: 1px solid #a9a9a9;
	padding: 5px;
	line-height:0px;
}

Here’s a list of fixes and hacks (Fix, Hack) for the CSS causing floating images to make fake or false indents in IE, from positioniseverything.net.

Hope this helps fix yer problem…

Please post your unique solution (link below) if you have created one.