[Решено] Помогите, плиз! Проблема после двух дивов в строчку.

Такая проблема:
Два дива стоят рядом в строчку, оба высотой 410px, но почему-то следующий див не отсчитывает margin от этих двух, а только от того, что перед ними.

<div id="div-toxic-left">
<ul id="list-2">
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
</div>
<div id="div-toxic-right"><img src="img/toxic-in-fat.gif" width="447" height="302" alt="Токсины в жировых тканях"/></div>
<div class=”clearer”></div>

#div-toxic-left{margin: 0px 0px 0px 1px; height: 100%; min-height:410px; width: 600px; background:#ecf7ff; float:left;}
#div-toxic-right{margin: 0px 1px 0px 0px; text-align:left; min-height:410px; width:600px; background:#ecf7ff; float:left;}

 

text-align:left; в первом нужен?
float left попробуй для третьего

а если все совсем плохо - позишн абсолют задаешь иму и подгоняешь куда тебе надо, но это плохое решение, но работать будет)
или все в таблицу\сетку...

 

для начала сделай reset.css(сброс стилей). Для .clearer сделай clear: both;

 

{margin: 0px 0px 0px 1px; - измени на {margin: 4px 0px 0px 1px;