Где ошибка?! CSS + HTML, а быть может браузер глючит?

Solid

Drosera anglica
Где ошибка?! CSS + HTML, а быть может браузер глючит?

CSS:
Код:
#body_list {
	width: 100%;
	list-style-type: none;
	margin: 5;
	padding: 5;
}

#body_list li {
	width: 100%;
	margin: 2px;
	padding: 4px;
	cursor: move;
	border: 1px solid #e7e1b2;
}

#body_list table {
	border-collapse: collapse;
	border-spacing: 0;
}
HTML:
Код:
<ul id="body_list">
<li id="_0"><table><tr><td width="50%">Madonna</td><td width="50%">Super Song</td></tr></table></li>
<li id="_1"><table><tr><td width="50%">Eminem</td><td width="50%">Oh nooo..</td></tr></table></li>
<li id="_2"><table><tr><td width="50%">Someone</td><td width="50%">Huh, i like that</td></tr></table></li>
<li id="_3"><table><tr><td width="50%">Popular</td><td width="50%">Hehe, just a maaan</td></tr></table></li>
</ul>
Выводит:
FF: http://web.starman.ee/solid/tmp/ff1.PNG
IE: http://web.starman.ee/solid/tmp/ie1.PNG

-~{}~ 08.04.06 12:53:

Маленькое пояснение... элементы li в списке почему-то в FF сьезжают... В чём может быть дело - не понятно.
 
1) прогони CSS через валидатор, узнаешь много нового
2) удали из HTML width="50%"
3) присвой всем используемым элементам требуемые значения

P.S. Таблицы из 2-х ячеек это сильно. )
 

Solid

Drosera anglica
Автор оригинала: Алексей Пешков
1) прогони CSS через валидатор, узнаешь много нового
2) удали из HTML width="50%"
3) присвой всем используемым элементам требуемые значения

P.S. Таблицы из 2-х ячеек это сильно. )
Спасибо за советы.

Насчёт пост-скриптума... хм... а что лучше всего использовать, div?
 
Сверху