Zeilenumbruch bei div ??

[Günni]

Guten Abend zusammen !

ich habe ein problem mit meinem Menü...

und zwar möchte ich mehrere DIVs nebeneinander haben..

nun habe ich schon display:inline versucht was leider keinen unterschied macht...

danach habe ich bei google erfahren das man div durch das SPAN element ersetzen kann.. dann funktioniert aber mein hintergrund und mein hover nicht mehr ?

Danke für eure Hilfe !

---- CSS ---

#menu_katalog, #menu_katalog:visited  {
width: 130px;
height:40px;
background-image:url('images/txt/katalog_1.png');
background-repeat:no-repeat;
}
#menu_katalog:hover  {
width: 130px;
height:40px;
background-image:url('images/txt/katalog_2.png');
background-repeat:no-repeat;
}

#menu_specials, #menu_specials:visited  {
width: 130px;
height:40px;
background-image:url('images/txt/specials_1.png');
background-repeat:no-repeat;
}
#menu_specials:hover  {
width: 130px;
height:40px;
background-image:url('images/txt/specials_2.png');
background-repeat:no-repeat;
}

----  HTML ----

<div style="display:inline" id="menu_specials"><a href=""></a></div>
<div style="display:inline" id="menu_katalog"><a href=""></a></div>