Probleme mit div-Containern

Servus miteinander!

Ich baue ein Menü (bzw. ändere das Original ab =)) und da hab ich folgendes Problem:
die Links vorher waren als <a href="bla">bla</a> dortgestanden. Jetzt hab ich das in <div onclick="change('bla')" class="menupunkt"><span class="menupunkttext">bla</span></div> usw. Folgendes sind die CSS angaben:

HTML:

.menupunkt{
white-space:nowrap;
border-left-color:#CCC;
border-left-style:solid;
border-left-weight:1px;
border-right-color:#CCC;
border-right-style:solid;
border-right-weight:1px;
border-top-color:#CCC;
border-top-style:solid;
border-top-weight:1px;
border-bottom-color:#CCC;
border-bottom-style:solid;
border-bottom-weight:1px;
position:relative;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
width:75px;
}

.menupunkttext {
white-space:nowrap;
font-size:11px;
font-weight:bold;
font-family:Verdana;
font-decoration:none;
color:(((const:schriftfarbe)));
position:relative;
}

nun das komische ist das die conatiner untereinander sind und nicht nebeneinander

habe es auch schon mit <nobr></nobr> versucht aber klappt alles nicht

Wenn jemand eine Idee hat, wäre ich sehr dankbar

MfG Skywalker309

 

habs hinbekommen:
ich hab in den .menupunkt noch "float:left" reingehaun^^