Problēma ar IE

[Jackal]

.css

 

body{

margin: 0;

padding: 0;

}

.container{

position: relative;

margin-left: auto;

margin-right: auto;

width: 800px;

border: 1px solid #000;

 

}

.left{

border: 1px solid #000;

position: absolute;

left: 0;

bottom: 0;

top: 0;

width: 10px;

}

.right{

border: 1px solid #000;

position: absolute;

top: 0;

bottom: 0;

right: 0;

width: 10px;

}

.content{

border: 1px solid #000;

margin-left: 20px;

margin-right: 20px;

}

 

 

.html

 

<div class="container">

<div class="left"></div>

<div class="content">

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

</div>

<div class="right"></div>

</div>

 

Problēma tāda, ka uz IE left, un right neizplešas vertikāli pa visu container, kāpēc tā un kā šo problēmu varētu risināt?

[mefisto]

Position relative/absolute nav veids kā risināt problēmas.

Risinājumu atradīsi šeit. http://www.alistapart.com/articles/fauxcolumns/