Problem mit Float - kleines Fenster -> hässliches Umklappen in IE

[shutdown]

Hi!

Ich habe ein Problem mit der Float-Eigenschaft.
Zu bewundern: hier

Und zwar möchte ich zwei Spans nebeneinander anordnen, ihnen aber prozentual feste Größen geben -> Darum display: block;
Dadurch sind sie aber untereinander -> float: left / right;

Jetzt passiert es aber, dass wenn man sein Browserfenster kleiner macht, im IE irgendwann alles umklappt und im Firefox irgendwann die Schrift unter den anderen Spans verschwindet.

Genau diese beiden Effekte möchte ich aber nicht haben, sondern das ganze soll sich so verhalten, als wäre es eine Tabelle.

Ich bin auch für Vorschläge offen, falls meine Herangehensweise grundsätzlich falsch ist.
Es ist nicht so, dass ich mich mit CSS nicht beschäftigen würde, aber bestimmte Dinge leuchten mir einfach nicht ein .-)

Schon mal vielen Dank.
gruß shutdown

Hier mal der Code der Seite:

<style>

body
{
    margin: 0px;
}

#oben
{
    background-color: red;
    width: 100%;
    height: 20%;
}

#unten
{
    background-color: blue;
    width: 100%;
    height: 80%;
}

#oben_links
{
    background-color: green;
    width: 15%;
    height: 100%;
    display: block;
    float: left;
}

#oben_rechts
{
    background-color: yellow;
    width:  85%;
    height: 100%;
    display: block;
    float: right;
}

#unten_links
{
    background-color: green;
    width: 15%;
    height: 100%;
    display: block;
    float: left;
}

#unten_rechts
{
    background-color: yellow;
    width: 85%;
    height: 100%;
    display: block;
    float: right;
}

</style>



<div id=oben>
     <span id=oben_links>oljsadlfljksadjflksajdf</span>
     <span id=oben_rechts>or lsdakfjlasdkfsajflkasjdfkljasdlkfjlsakdjfklsadjflsajdfks fasldjfklsajd</span>
</div>
<div id=unten>
     <span id=unten_links>ul</span>
     <span id=unten_rechts>ur</span>
</div>

 

[Gumbo]

Weise dem Ganzen doch eine Mindestbreite zu.

 

[shutdown]

Schöne Idee - wenn der IE sich an CSS-Standards halten würde, könnte ich das machen .-)

Noch andere Vorschläge?

Ich möchte auch keine absolute Positionierung verwenden, weil das dann bei verschiedenen Auflösungen wieder blöd ausschaut.

gruß shutdown