Между элементами горизонтального меню есть пробел ⇐ CSS

[Anonymous]

По какой-то причине левая и правая границы элементов li не соприкасаются, между ними есть зазор примерно в 4–5 пикселей.

Код: Выделить всё

#menucontainer {
display: block;
float: left;
width: 100%;
}

ul#menu {
display: block;
padding: 5px 0px 5px 15px;
}

ul#menu li {
display: inline;
padding: 3px;
border-right: 1px solid #D8D6FF;
border-left: 1px solid #D8D6FF;
margin: 0 !important;
}

ul#menu li a {
padding: 3px;
margin: 0;
}

Код: Выделить всё

[list]
[*]
[url=google.com][/url]

[*]
[url=google.com][/url]

[*]
[url=google.com][/url]

[/list]

Я использую сброс CSS системы сетки 960 (что не кажется изменить мою проблему без нее или без нее). Мне нужно, чтобы это работало в IE 7+ и Firefox. Проблема существует в IE8 и FF.

Подробнее здесь: https://stackoverflow.com/questions/394 ... tween-them