HTML + CSS. Список ul одной строкой

Причины, зачем так делать, я опущу =)
Вот способ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.coolList {
    list-style:none;
}
.coolList li {
    float:left;
    padding-right:4px;
}
</style>
</head>
<body>
<div style="width:500px">
<ul class="coolList">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li>...</li>
<li>-></li>
</ul>
</div>
</body>
</html>

HTML + CSS. В продолжении спора div vs. table

Да, я могу согласиться с большинством верстальщиков, что верстать сайт на дивах лучше чем на таблицах.
Но! Встречаются случаи, когда табличные данные оформляют при помощи дивов. Это дикость. У дивов есть целый ряд преимуществ по сравнению с таблицами при вёрстке макета сайта. Но уж таблицу то нужно делать при помощи таблиц. Тегов получится не сильно больше, а CSS будет занимать куда меньше места.
Вот такое вот размышление...

HTML + CSS. div высотой 100% под дивом фиксированного размера

Div высотой 100% под div'ом фиксированного размера.
Один мой друг спросил меня, как это кроссбраузерно реализовать.
Вот красивое, нам мой взгляд, решение:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
body {
 margin:0px;
 padding:0px;
}
.top {
 background-color:#CCCCCC;
 height:200px;
}
.content {
 height:100%;
 margin-top:-200px;
}
.fromTop {
 padding-top:210px;
}
</style>
</head>
<body>
<div class="top">Top</div>
<div class="content"><div class="fromTop">;-)</div></div>
</body>
</html>