Простое горизонтальное меню на CSS

[darkfb]

Просто обыкновенное меню, без всякого лишнего.
Html код:
<ul id="nav">
<li id="nav-1"><a href="#">Example</a></li>
<li id="nav-2"><a href="#">Example</a></li>
<li id="nav-3"><a href="#">Example</a></li>
<li id="nav-4"><a href="#">Example</a></li>
<li id="nav-5"><a href="#">Example</a></li>
<li id="nav-6"><a href="#">Example</a></li>
</ul>

Css код:
#nav {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #ccc;
border-bottom: 1px solid #999;
}

#nav li {
float: left;
margin: 0;
padding: 0;
}

#nav a {
float: left;
display: block;
padding: 6px 30px 6px 5px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
color: #666;
background: #ccc url(slant.gif) no-repeat top right;
}

#nav #nav-1 a {
padding-left: 20px;
}

#nav a:hover {
color: #000;
}
Взято с ruseller.com.
Исходник:

[Hermein]

table не в моде нынче... :nono:

[VeTaL_UA]

Уважаемые пользователи,

В силу появления большого количества тем с незначительным объёмом информации, настоятельно прошу перед созданием темы думать, не очевидна ли та информация, которой я хочу поделиться и/или не была ли она высветлена до этого момента. Особенно сильно прошу обратить внимание любителей копипаста! Не стоит копировать статьи в 20 строчек кода, тем более мало полезного. Данное сообщение прошу считать официальным заявлением. С этого момента авторы подобных тем будут наказываться предупреждением и/или баном в случае многократного повторения нарушения.

Надеюсь на понимание.

С уважением, VeTaL_UA.

ПыСы:
table не в моде нынче... :nono:
Лет 5 как не в моде о_О