DIV background missing in IE

[nickdavies7]

Hi all,

I have a browser specific issue, albeit Internet Explorer. The issue is that I have set a white background colour to a parent div around 3 child divs of which I have made into 3 separate columns. In Firefox, Chrome and Safari, the background colour to the div is applied perfectly. You can see the site live at
http://www.nickdavies7.tk

However, Internet Explorer is not seeing this, and is not setting a background colour to the parent div.

How it should be


How it is in IE



CSS code for parent div:

.main {
	clear: both;
	background-color: white;
	padding-left: 5px;
	overflow: auto;
	text-align: left;
}

Code for child divs:

.col1 {
	float: left;
	width: 33%;
}

.col2 {
	float: left;
	width: 33%;
}

.col3 {
	float: right;
	width: 33%;
}

Can anyone help me please?

 

[nickdavies7]

Small adjustment to above code
changed .col3 float to float left so all 3 divs are floating left

 

[nickdavies7]

No worries. Completely forgot to set a width to the outer parent container. All fine!