26 июля 2006 в 7:04
Всем привет! Помогите плиз темизовать меню для разных браузеров. Проблема в том, что для IE показывается нормально
(подразумевается что нормально - это так как хочется, между кнопками есть отступы), а для FF (Opera) не работает (нет отступов между кнопками)!
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251" />
<style type="text/css" media="all">
#menu {
width: 25%;
}
.menu LI A {
display: block;
color: #FFF;
height: 22px;
margin: 10px;
}
.menu LI.leaf {
list-style-image: none;
list-style-type: none;
background: blue;
padding: 8px;
}
</style>
</head>
<BODY>
<div id="menu">
<ul class="menu">
<li class="leaf"><a href="/" title="">Пункт 1</a></li>
<li class="leaf"><a href="/" title="">Пункт 2</a></li>
<li class="leaf"><a href="/" title="">Пункт 3</a></li>
<li class="leaf"><a href="/" title="">Пункт 4</a></li>
</ul>
</div>
</BODY>
</HTML>
Увеличивая параметр margin, в Opera и FF увеличиваются сами кнопки, а не отсупы. Что делать?
Подскажите пожалуйста, кто стлакивался! Очен-очен надо...
Заранее, Всем БОЛЬШОЕ СПАСИБО!
