Кнопки меню

[hard3d]

Привет. Кто подскажет?

http://vitasik.spb.su/menu/

Как сделать что бы картинка под текстом не растягивал и всегда имела статический размер не зависимо от длины текста.

html:

<div class="menubar">

<a class="menu-icon" href="#"><span class="menu-text">HOME</span></a>

<a class="menu-icon" href="#"><span class="menu-text">FORUM</span></a>

<a class="menu-icon" href="#"><span class="menu-text">NEWS</span></a>

<a class="menu-icon" href="#"><span class="menu-text">CREATION</span></a>

<a class="menu-icon" href="#"><span class="menu-text">DKP</span></a>

</div>

CSS:

.menubar {

height: 35px;

font-size: 24px;

font-family: "Diablo Light";

}

.menu-text {

}

a.menu-icon {

}

a.menu-icon:visited, a.menu-icon:link {

background-image: url("nav1.png");

color: #FFF2AB;

text-decoration: none;

padding: 4px 35px;

}

a.menu-icon:hover {

background-image: url("nav2.png");

color: #FFFFFF;

text-decoration: none;

padding: 4px 35px;

}

Edited February 9, 2011 by hard3d

[ShumNo]

Если я верно понял, то видимо вам надо задать ширину в px, чтобы была статичная ширина

[hard3d]

да, ну не получается задать ширину