помогите!

[olechic]

есть список

<div id="nav>

<ul id="menu">

<li class="active">About</li>

<li><a href="">Our Teachers</a></li>

<li><a href="">Schedule</a></li>

<li><a href="">Prices</a></li>

<li><a href="">Contact Us</a></li>

</ul>

</div>

вот стили:

li {

list-style-type: none;

padding-left: 50px;

padding-bottom: 15px;

padding-right: 0px;

padding-top: 15px;

margin-top: 2px;

margin-right: 0px;

background-color: #fff;

color: #FFF;

font-size: 21pt;

font-family: Questrial ;

}

#nav{

width: 270px;

height: 369px;

}

#menu{

float: left;

}

как сделать чтобы у каждого пункта списка была разная длинна фона в зависимости от длинны текста?

Edited April 10, 2012 by olechic

[Sensei]

бэкграунд надо задавать не к 'li' а к 'li a' короче примерно так, подправите как надо сами

li {
list-style-type: none;
padding-left: 50px;
padding-bottom: 15px;
padding-right: 0px;
padding-top: 15px;
margin-top: 2px;
margin-right: 0px;
}

li a{
background-color: green;
color: #FFF;
font-size: 21pt;
font-family: Questrial 

[olechic]

почему то padding-и не действуют? Фон меняется только на ссылке, а вокруг нет(

[hedgehog]

почему то padding-и не действуют? Фон меняется только на ссылке, а вокруг нет(

Потому что паддинги, наверное, применяете к ссылке, которая по умолчанию является инлайновым элементом. Вот верхние и нижние паддинги не работают.

[olechic]

я уже совсем запутался. как мне сделать такую навигацию??????????????????????

http://pixs.ru/showimage/about03png_2873932_4514410.png

[Sensei]

Так пойдет?

li {
list-style-type: none;
margin-top: 2px;
}

li a{
display: inline-block;
padding-left: 50px;
padding-bottom: 15px;
padding-right: 50px;
padding-top: 15px;
background-color: green;
color: #FFF;
font-size: 21pt;
font-family: Questrial ;
text-decoration: none;
}

[olechic]

Так пойдет?

li {
list-style-type: none;
margin-top: 2px;
}

li a{
display: inline-block;
padding-left: 50px;
padding-bottom: 15px;
padding-right: 50px;
padding-top: 15px;
background-color: green;
color: #FFF;
font-size: 21pt;
font-family: Questrial ;
text-decoration: none;
}

СУУУУПЕР!!!!Спасибо огромное!!!!!!!!!