2 дива по горизонтали

[1234]

2 дива по горизонтали

Вообщем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя.
Делаю так:

<style type=text/css>
.block_top{
padding-left: 10px;
height: 27px;
line-height: 30px;
overflow: hidden;
margin-bottom: 4px;
font-family: Arial;
font-weight: bold;
font-size: 11px;
color: #FFF;
background: url('images/block_top_fon.gif') repeat-x;
}
.block_content{
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: #f6f6f6;
overflow: hidden;
position: relative;
border: 1px solid #dddddd;
font-family: Arial;
font-weight: normal;
font-size: 11px;
color: #000;
}
.block_content_2{
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
width: 50%;
margin-right: 2px;
background: #f6f6f6;
overflow: hidden;
position: relative;
border: 1px solid #dddddd;
font-family: Arial;
font-weight: normal;
font-size: 11px;
color: #000;
}
</style>
<div class="block_main">
	<div class="block_top">Последние новости</div>
	<div class="block_content_2">g</div>
	<div class="block_content">ga</div>
</div>

В опере и мозиле все работает нормально, а вот ие "съедает" 1 пиксель дива, который справа.

 

[BAR23]

Сначала сделай сам для себя красивое описание стилей. Их нужно отделить от странички в отдельный файл. Пример

DIV.subMenu{
	border-right:1px solid #efefef;
	border-top:1px solid #efefef;
	display: none;
	left: 572px;
	border-left:1px solid #efefef;
	width:16%;
	border-bottom:1px solid #efefef; 	
	position: absolute; 
	top:282px;
	}

Для интенет експлоера лучше использовать _width: 50%.
Подчоркивание работает только з ие! оперу и мозилу не трогает. Может поможет.

 

[1234]

Не помагает

 

[GrayHound]

а float для .block_content где?