Делаю шапку для сайта. В IE видна щель между дивами, как убрать?
Code
<style>
.topBlock { height:200px; max-width:1200; min-width:800px; }
.topBlock .Blogo{ height:180px; width:265; background: url("http://mpc.at.ua/IMG/logo.png") no-repeat; float:left; }
.topBlock .Hlogo { height:140px; width:265px;; background:#9595A0 url("http://mpc.at.ua/IMG/logo.png") no-repeat; float:left; border-radius: 0 0 10 10 }
.topBlock .Htop { height:100px; border-right:1px solid #9595A0; margin-left:265px; background:white; }
.topBlock .Top { height:100px; width:100%; float:right; background:#9595A0; border-radius: 0 0 10 0; text-align:right; white-space:nowrap; }
.topBlock .Tleft { height:100px; width:300; border:0px solid #FFFF00; background:#9595A0; float:left; }
.topBlock .Tright { height:100px; width:300; border:1px solid #FFFF00; background:#9595A0; float:right; }
.topBlock .Hbot { height:30px; border-right:1px solid #9595A0; border-bottom:1px solid #9595A0; margin-left:265px; background:#9595A0; border-radius: 0 0 10 0; }
.topBlock .Hbot div { height:30px; background:white; border-radius: 10 0 10 0; }
@-moz-document url-prefix(){.topBlock .Hlogo { -moz-border-radius: 0 0 10 10; }}
@-moz-document url-prefix(){.topBlock .Top { -moz-border-radius: 0 0 10 0; }}
@-moz-document url-prefix(){.topBlock .Hbot { -moz-border-radius: 0 0 10 0; }}
@-moz-document url-prefix(){.topBlock .Hbot div { -moz-border-radius: 10 0 10 0; }}
</style>
<div class="TopBlock">
<div class="Blogo"><div class="Hlogo"></div></div>
<div class="Htop">
<div class="Top">
<div class="Tleft"></div>
<img src="http://mpc.at.ua/IMG/gerb.png" height="100" />
</div>
</div>
<div class="Hbot"><div></div></div>
</div>