Habe "Zeilenumbruch" im CSS Menü (Opera/Safari)

[Deleted member 26020]

Hallo,
ich habe einen seltsamen Fehler im CSS Menü meiner Seite. Im IE, FF und Chrome wird die Seite mit Inhalt
korrekt angezeigt. In Opera und Safari bekomm ich diese Umbrüche:


Hier das CSS Menü:

.cssmenu {    width: 635px;
    height: 27px;
    margin: 0 auto;
    padding: 0;
    background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.cssmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cssmenu ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}


.cssmenu ul li a {
    display: block;
    height: 27px;
    padding-left: 35px;
    float: left;
    text-transform: uppercase;
    font-family: 'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
}


.cssmenu ul li a span {
    display: block;
    float: left;
    height: 22px;
    padding-top: 5px;
    padding-right: 35px;
    background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
    cursor: pointer;
}




.cssmenu ul li a:hover,
.cssmenu ul li.active a {
    background: transparent url(images/bg-bubplastic-h-blue3.png) top left no-repeat;
}
.cssmenu ul li a:hover span,
.cssmenu ul li.active a span {
    background: transparent url(images/bg-bubplastic-h-blue3.png) top right no-repeat;
}

Ich hab leider keine Idee woran das liegen könnte.. Wäre schön, wenn mir jemand von euch auf die Sprünge hilft.. :)

 

[threadi]

Auf den ersten Blick fällt mir nur auf, dass Du bei ".cssmenu ul li" noch zusätzlich "display: inline-block;" angeben könntest.

 

[Deleted member 26020]

Ich glaub das wars im Safari und Opera auf meinem Rechner wird alles richtig angezeigt..
Völlige gewissheit hab ich erst nachdem browsershots durchgelaufen ist, aber es sieht schonmal seeehr vielversprechend aus.. DANKE, vielen vielen dank!

/EDIT: Schade das man nur einmal Danke drücken kann ;-)

 

[Deleted member 26020]

Update: Also Browsershots hat mir nun gezeigt, das es anscheinend mit der Auflösung zusammen hängt.. Alles unter 1024 x ? verschiebt den letzten Menüpunkt in die nächste Zeile. Aber deine Idee ist nicht schlecht Threadi. Dadurch ist das CSS Menü perfekt abgeschnitten.. Zumindest in allen Browsern auf meinem Rechner :)

Hab euch hier mal den Link gepostet:
***
sieht ziemlich chaotisch aus.. :/