Проблем с <li> и <td>...

[Illusion]

Отново се появи онзи гаден проблем под IE с <li><ul></ul></li>, също така изникна и един в <td></td>..
Ето снимка как излиза под IE:

Ето и снимка как излиза под Mozilla:

(Нарочно съм ги надраскал!)

Ето и HTML кода:

<table cellpadding="0" cellspacing="0" align="center">
<tr><td class="leftmenu_up">Навигация</td></tr>
<tr><td class="leftmenu_center_nav">

<table cellpadding="0" cellspacing="0" align="center" width="100%">
<tr><td>
<li class="navigationbg"><ul class="icon_home"> <a href="">Начало на сайта</a></ul></li>
<li class="navigationbg"><ul class="icon_history"> <a href="">История на сайта</a></ul></li>
<li class="navigationbg"><ul class="icon_contact"> <a href="">За контакти</a></ul></li>
<li class="navigationbg"><ul class="icon_banners"> <a href="">Банери на сайта</a></ul></li>
<li class="navigationbg"><ul class="icon_adv"> <a href="">Реклама в сайта</a></ul></li>
<li class="navigationbg"><ul class="icon_proposals"> <a href="">Предложения</a></ul></li>
</td></tr>
</table>

</td></tr>
<tr><td class="leftmenu_down"></td></tr>
</table>

Ето и CSS кода:

li ul { padding: 0px; margin: 0px; }
li { list-style-type: none; *height: 21px; }
li.navigationbg { background: url('../images/navigationbg.png') no-repeat; padding-left: 6px; height: 21px; }
ul { list-style-type: none; }
ul.icon_home { background: url('../images/icon_home.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_history { background: url('../images/icon_history.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_contact { background: url('../images/icon_contact.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_banners { background: url('../images/icon_banners.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_adv { background: url('../images/icon_adv.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_proposals { background: url('../images/icon_proposals.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_map { background: url('../images/icon_map.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_mapbg { background: url('../images/icon_mapbg.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_cs { background: url('../images/icon_cs.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_tutorials { background: url('../images/icon_tutorials.png') 0 2px no-repeat; padding-left: 16px; }
ul.icon_programs { background: url('../images/icon_programs.png') 0 2px no-repeat; padding-left: 16px; }

.leftmenu_up { background: url('../images/navlf_u.png') no-repeat; width: 202px; height: 44px; padding-bottom: 12px; *padding-bottom: 0px; padding-left: 36px; color: #FFFFFF; }
.leftmenu_center_nav { background: url('../images/navlf_c.png') repeat-y; width: 202px; color: #000000; }
.leftmenu_down { background: url('../images/navlf_d.png') no-repeat; width: 202px; height: 28px; }

Какво съм изпуснал, че прави това голямо разминаване? Някой може ли да помогне?

 

[shterev]

1-во синтаксиса ти не е правилен :

не е:
<li> <ul></ul></li>

a е така:

<ul><li></li></ul>

2-ро в цсс-а правиш това:

ul, ul li{
 padding:0px; margin:0px;
list-style-type:none;

}

 

[Illusion]

Еми за <td></td> има ли решение? В момента не съм в къщи и не мога да пробвам това, което ми каза.

 

[shterev]

също така изникна и един в <td></td>..

Какъв е проблема?

 

[Illusion]

shterev, +1 за теб . Благодаря!