Тэги UL,LI, проблема с кроссбраузерностью, подскажите плз

Веб-мастеринг

29.10.12

✎

11:00

Добрый день. подскажите плз, почему вот такой текст HTML
<html>
<head><link rel="stylesheet" type="text/css" href="1.css" /></head>
<body>
<UL class="MenuItem">
<Li>adasd</Li>
<Li>adasd</Li>
<Li>
adasd
<UL class="MenuItem">
<li>ddddd</li>
<li>dfsdf</li>
</UL>
</Li>
</UL>
</body>
</html>
с таким CSS
.MenuItem {
font:normal 11pt;
margin-top:2;
list-style:none;
margin-left:15;
}
в ИЕ выглядит так
http://www.easyprog.ru/1.jpg
а в хроме http://www.easyprog.ru/2.jpg
и как дселать так что бы в дургих браузерах выглядело точно так же как и в ИЕ?

1 cw014

29.10.12

✎

11:01

padding, margin

2 cw014

29.10.12

✎

11:02

И не все браузеры поддерживают отступы в UL, в некоторых случаях лучше вешать на LI

3 megabax

29.10.12

✎

13:48

1,2 сделал вот так
<html>
<head><link rel="stylesheet" type="text/css" href="1.css" /></head>
<body>
<UL>
<Li class="MenuItem">adasd</Li>
<Li class="MenuItem">adasd</Li>
<Li class="MenuItem">
adasd
<UL>
<li class="MenuItem">ddddd</li>
<li class="MenuItem">dfsdf</li>
</UL>
</Li>
</UL>
</body>
</html>
теперь и в ИЕ и в хроме так же по уродский выглядит, как первый пример выглядел в хроме