[XHTML & CSS] problem z ort! div'ów obok siebie

0

Mam mały problem z ze stylami CSS.
Kod cCSS:

.adm_menu_item {
	background-color:#F1F3F5;
	border:1px solid #BBBBBB;
	width:100px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	margin:0px -2px;
}

a to układ div'ów:

<div class="adm_menu">
	<div class="adm_menu_item"><a href="#">Info</a></div>
	<div class="adm_menu_item"><a href="#">Pliki</a></div>
	<div class="adm_menu_item"><a href="#">Sekcje</a></div>
</div>

No i niestety żaden z nich nie ma długości 100 pikseli tylko długoś tekstu plus marginesy po 5 pikseli. Jak to zmienić [???] Bo jeśli dam display:block; to wszystkie ląduja jeden pod drugim... Wiem, że łatwiej by było to zrobić na tabelkach ale byłby wtedy brak zgodności z XHTML 1.0 a niestety to jest jeden z głównych warunków jakie muszę spełnić...

Za wszelką pomoc dziękuję z góry...

[Dopisane]:
Marker: mały błąd w przpisywaniu [wstyd]
ssname: [browar] [browar] [browar]

0
.adm_menu_item {
        background-color:#F1F3F5;
        border:1px solid #BBBBBB;
        width:100px;
        padding:5px;
        text-align:center;
        vertical-align:middle;
        margin:0px -2px;
<b>        float: left;
        display: block;</b>
}

a u mnie z display: block; sa obok siebie :d chodzilo o cos takiego :]

0

a jak to ma byc menu to nie lepiej tak:

<style type="text/css">
.adm_menu_item {
        background-color:#F1F3F5;
        border:1px solid #BBBBBB;
        width:100px;
        padding:5px;
        text-align:center;
        vertical-align:middle;
        margin:0px -2px;
        float: left;
        display: block;
        text-decoration: none;
        color: #000;
}
.adm_menu_item:hover {
        background-color:#E2FEEB;
        border:1px solid #BBBBBB;
        width:100px;
        padding:5px;
        text-align:center;
        vertical-align:middle;
        margin:0px -2px;
        float: left;
        display: block;
        text-decoration: none;
        color: #00f;
}
</style>


<div class="adm_menu">
        <a class="adm_menu_item" href="#">Info</a>
        <a class="adm_menu_item" href="#">Pliki</a>
        <a class="adm_menu_item" href="#">Sekcje</a>
</div>
0

jelsi chodzi o style i roznego rodzaju menu proponuje naprawde dobra strone ktora przedstawia w prosty sposob i krok po kroku jak budowac rozne rzeczy uzywajac styli i list http://css.maxdesign.com.au/

co do powyzszej propozycji bo na tym nie polegaja style ;) co kolega wyzej zaproponowal nie bede sie juz reszty czepial bo tez mozna wiele powiedziec np vertical-align jest tylko prawdziwe dla obrazkow ale co do samego selektora ktorego mozna prosciej zapisac:

a.adm_menu_item:hover {
        background-color:#E2FEEB;
        color: #00f;
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1