Кнопка background

[marteen]

Доброго времени господа! Помогите пожалуйста решить проблему:

мне нужно сделать кнопки меню одинаковой ширины, сейчас при задании background картинки - кнопки получаются такой же длины как и текст меню, от этого все меню получается разной ширины,смотрится ужасно. Подскажите как сделать так, чтобы кнопки были определенной заданной ширины???

.sidebar {
    color: #333333;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0 !important;
}
.sidebar-right {
}
.sidebar-left {
    margin-left: 7px;
}
.sidebar-left h2 {
}
.sidebar-right h2 {
}


.sidebar a {
    background: url("images/h2bg2.png") repeat-x scroll 0 0 transparent;  
    background-size: 100% 100%;
    border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;    
    color: #2F6C13; 
    font-family: Monotype Corsiva, Arial;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}


.sidebar a:hover {
    background: url("images/h2bg.png") repeat-x scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;  
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
    color: #FFFFFF;
    color: #94C955;
    text-decoration: none;
}

[alexandr_v-vich]

Свойство "width" в определённых заданных значениях.

[marteen]

  On 4/2/2012 at 10:10 PM, alexandr_v-vich said:

Свойство "width" в определённых заданных значениях.

Не получается((( Я уже этот width куда только не вставлял, все равно одинаково - прилагаю скрин шот

сайт - kitwedding.yomu.ru - тут кнопки кривые

а вот так хотел сделать - http://specialday.ru/ - тут когда наводишь на кнопки ширина рисунка бэкграунда - всегда одинаковая, несмотря на то что размер надписей по символам и по ширине разный!

Edited May 2, 2012 by marteen

[Modestes]

  On 5/2/2012 at 8:27 AM, marteen said:

  On 4/2/2012 at 10:10 PM, alexandr_v-vich said:

Свойство "width" в определённых заданных значениях.

Не получается((( Я уже этот width куда только не вставлял, все равно одинаково - прилагаю скрин шот

сайт - kitwedding.yomu.ru - тут кнопки кривые

а вот так хотел сделать - http://specialday.ru/ - тут когда наводишь на кнопки ширина рисунка бэкграунда - всегда одинаковая, несмотря на то что размер надписей по символам и по ширине разный!

предоставьте код.

а вообще выше правильно ответили, пропишите в стилях к списку li свойсво width

[Great Rash]

.sidebar a {display: block;}