Float question with IE

HTML & CSS
1

Alright, I hate internet explorer, who doesnt - but I’m having a little trouble with some code and its only in IE, I picked up this project from a former employ of a company I work for - and I can’t seem to get the text to float left properly, it just sits below the image

here’s the css for the main container of the website, the text box where the text sits, but also the picture tag is included as well - the site is a wordpress blog, the page with the issue is Only Rain Down the Drain | Just another WordPress site <- home page

#mainContainer {
	clear:both;	
	background-color: #fffcec;
	float: left;
	padding-bottom: 45px;
	position: relative;
	width: 960px;
}
#textBox {
	float: left;
	padding: 0 40px;
	position: relative;
	width: 880px;
	text-align:left;
}
#textBox p {
	text-align:left;
	padding-top:15px;
	padding-left:15px;
	width:550px;
}
.picture {
	position: relative;
	float: right;
	padding-left: 40px;
	margin-top: -55px;
	width:480px;
}

Not sure what needs to be done to correct it, maybe a separate stylesheet for IE fixes… but I’m thinking its easier than that…

Any suggestions??

2

Make sure to specify which version of IE you are using when asking an IE question. (There are 4 versions in common use now.)

Anyhow, I’d guess the problem is being caused by the width that’s set on the paragraph, which is unnecessary:

#textBox p {
  padding-left: 15px;
  padding-top: 15px;
  text-align: left;
  [COLOR="Red"]width: 550px;[/COLOR]
}

See if removing that width helps.

PS: I’ve moved this to the CSS forum.