[Помогите] Простая мелочь по кнопкам (CSS)

[xoff]

css:

.new_botton {
  color: #000000;
  text-decoration: none;
  background-color: #97C3FC;
  padding: 7px 30px;
  border: 1px solid #7E7676;
  -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
  line-height: 24px;
  text-shadow: #A5A5A5 0px 1px 0px; 
}
.new_botton:hover {
background: #8B9DFA;
}

Надо сделать что бы кнопки были одной ширины независимо от текста, да может я не правильно начал делать кнопки через украшения ссылок просто тоесть у меня html имеет вид: <a class="new_botton" href=итд....>, но я думаю и при такой реализации можно сделать одной шириной. Пробовал width не работает) Помогите реализовать... песочница: http://jsfiddle.net/gTb84/

[TMGLUK]

Добавь display:block к ссылкам.

[binomer]

http://jsfiddle.net/etAS7/3/ Вот держи годный вариант. Как ты и хотел, Ширина блока меню одинакова независимо от текста. Ее можно по-разному задавать. Например, в пикселах (выбираешь подходящее под самый длинный текст) или в процентах (высчитывается от ширины родителя).

ЗЫ Сам только учусь, может, что-то и не так.

Edited October 17, 2013 by binomer

[xoff]

Добавь display:block к ссылкам.

стыдно.)

[klierik]

стыдно.)

чего же? о_О

[Switch74]

.new_botton{display:inline-block;}