Problemas de formatação

Boa tarde

De acordo com o código abaixo, gostaria de formata meu Layout com css

<div id="layout">
	<div id="box01">
	<img src="images/image01.jpg" />
	</div>
	<div id="box02">

	</div>
	<div id="box03">
	<img src="images/image03.jpg" />
	</div>
	<div id="box04">
	<img src="images/image04.jpg" />
	</div>
	<div id="box05">
	<img src="images/image05.jpg" />
	</div>
	<div id="box06">
	<img src="images/image06.jpg" />
	</div>
	<div id="box07">
	</div>
	<div id="box08">

	</div>
</div>

body {

	background-color: #FFFFFF;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
}
#layout{
width:800px;
margin:0px auto;

}
#box01{
	height: 106px;
	width: 347px;
	float: left;
}
#box02{
	background-image: url(../images/image02.jpg);
	height: 106px;
	width: 453px;
	float: right;
}
#box03{
	height: 36px;
	width: 800px;
	clear: both;
}
#box04{
	height: 207px;
	width: 77px;
	float: left;
}
#box05{
	height: 207px;
	width: 668px;
	float: left;
}
#box06{
	height: 207px;
	width: 55px;
	float: right;
}
#box07{
	height: 9px;
	width: 800px;
	background-image: url(../images/image07.jpg);
	clear: both;
}
#box08{
	background-image: url(../images/image09.jpg);
	width: 656px;
	margin-left: 83px;
	clear: both;
}

Mas estou com o seguinte problema: no IE aparece um espaço na horizontal entre as Div, alguém poderia me ajudar a resolver este problema?

OBS: no firefox e no Dreamweaver o Layout fica normalmente.

Desde já agradeço.