Наложение DIVов

Наложение DIV идет друг на друга:

HTML:

1. <div id="posts">  
2.                <div class="width_post">
3.                     <div class="post_chel">&nbsp;</div>
4.                     <div id="post" class="width_post">
5.                       <h2>Статьи <span>&nbsp;&nbsp;v</span></h2>
6.                     </div>
7.                </div><!-- END width_post -->
8.         <div id="text_posts">Статья тут </div>
9.         </div>

Вот div

HTML:

1. <div id="text_posts">Статья тут </div>

должен идти ниже

HTML:

1. <div class="width_post">
2.                     <div class="post_chel">&nbsp;</div>
3.                     <div id="post" class="width_post">
4.                       <h2>Статьи <span>&nbsp;&nbsp;v</span></h2>
5.                     </div>
6.                </div>

[css], а он у меня накладывается сверху
#post {
margin-right:20px;
background:#eeeae6;
}
.width_post {
width:265px;
float:left;
position: absolute;
}
.post_chel {
background: url(img/chel_post.jpg) no-repeat;
z-index:80;
position: absolute;
height:53px;
width:74px;
margin-top:-15px;
margin-left:0px;
}
#text_posts {
width:265px;
position: relative;
}
[/css]

 

Все исправил. Но

Не прокатит, тиак как в IE картинка фоновая не грузится.

 

Усе проблемку решил)) Столкнулся с другой.
Верстка идет 3-х колонн. Левый див, центральный и правый. Левый и правый дивы по высоте 100% то есть всегда такой же высоты как и центральный. В центральном дивы идут по порядку, их много - статьи. Но когда в центральном диве много текста, див начинает вылазить за границу и встает под правый див. Рисунок приложен.

HTML:

1. <div id="left"> Левый блок </div>
2. <div id="center"> Центральный блок </div>
3. <div id="right"> Правый блок </div>

[css]
#left{
position:relative;
width:214px;
background:#eeeae6;
float:left;
min-height:100%;
height:auto !important;
height:100%;

}

#right{
position:relative;
width:200px;
background-color:#999999;
float:right;
height:auto !important;
min-height:100%;
height:100%;
}

#center{
position:relative;
width:586px;
height:100%;
min-height:100%;
height:auto !important;
background-color:#fff;
float:left;
}
[/css]
Центральный блок такого типа:

HTML:

1. <div id="center">
2. <div> Статья 1 (текст)</div>
3. <div> Статья 2 (текст)</div>
4. <div> Статья 3 (текст)</div>
5.  </div>

Рисунок приложен. Положение необходимое дива 2 показано стрелочкой.
http://s42.radikal.ru/i097/1010/48/196d841e96fe.jpg[/html]

 

Действительно так и было. Какую книжку посоветуете почитать?