бестабличная верстка

Хочу поинтересоваться как с помощью div можно построить таблицу
Так как я понимаю что бестабличная верстка более актуальна и ускоряет загрузку как и сайта так и дает более читабельный вид кода.
Вот приводу пример моей попытки но на ИЕ не хочет работать
[HTML]
<style>
div#cellsBlock {
width: 100%;
display: table;
}

div#cellsBlock div{
display: table-cell !important;
text-align: center;
vertical-align: top;
border: 1px #000 solid;
}

*html div#cellsBlock div{
display: inline;
}
</style>

<div id="cellsBlock">
<div><p>текст первой ячейки</p></div>
<div><p>текст второй ячейки</p></div>
<div><p>текст третьей ячейки</p></div>
</div>
[/HTML]
И вот второй но немного кривоват работает везде но таблица не тянется так как в предыдущем примере
[HTML]
<style>
div #table{
width: 100%;
border: 1px #000 solid;
}

div ul#table{
margin: 0px;
padding: 0px;
}

div ul#table li{
float: left;
list-style-type:none;
margin:0;
padding:0;
border: 1px #000 solid;
padding: 3px;
vertical-align: top;
text-align: center;
}


</style>

<div>
<ul id="table">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
[/HTML]
Может первый пример кто-то подправит буду очень благодарен
Суть такова что построить div-ами таблицу без использования flat и clear. Так как это сделано с первом примере если запустить его через ФФ или Оперу.
Заранее благодарен за любую подсказку

Да еще если в div#cellsBlock div дописать width:33.33%; то первый пример заработает на ИЕ но хотелось бы без width:33.33%; чтобы каждая ячейка тянулась пропорционально