CSS: div über spans mit br

Hallo,

ich hab wieder ein kleines css-problem:
In einem Block (div) soll die erste/evtl auch die 2. Zeile auch als div sein, aber darunter in 3 Spalten (wieviele Reihen soll aber egal sein) je "Spaltenfeld" ein Span:

[div class="block"]
[div class="titel"]Text[/div]

[span class="dreispalten"]linksoben[/span]
[span class="dreispalten"]mitteoben[/span]
[span class="dreispalten"]rechtsoben[/span]
[br /]
[span class="dreispalten"]linksunten[/span]
[span class="dreispalten"]mitteunten[/span]
[span class="dreispalten"]rechtsunten[/span]
[/div]

um 3 Spalten zu erhalten hab ich keine positions-Angaben gemacht, sondern die width:33% & dann float:left gesetzt.
Soweit funktioniert das auch.

Aber:
Um den gesamten Block (class="block") will ich einen Rahmen haben. Das funktioniert nur solange ich kein float für die dreispalten-Klasse setze! (float MUSS ich setzten, um verlässlich die 33% zu bekommen, wenn kein float gesetzt ist ist der span-bereich immer nur so breit wie der Text, auch wenn der Text >33% lang ist!)
# float:left -> das block-div geht nichtmehr um die spans, der Rahmen umscchließt gerade mal die erste Zeile!

#1 ich habe schon oft gesehen, dass float in Verbindung mit spans verwendet wird: ist das überhaupt ok?
#2 was habe ich falsch gemacht? Wie könnte ich das anders lösen? (will position vermeiden, wenns geht)
& jedesmal eine Höhenangabe für das div eingeben kanns auch nicht sein...

tia,
michi

yeppa: wollte ich euch eigentlich ersparen *µ*

Ausschnitt vom html:

Code: PHP

 
	<div class="kasten">
		<div class="frage">
			Testfrage
		</div>
		<span class="three l">links</span>
		<span class="three m">links</span>
		<span class="three r">links</span>
		<br />
		<span class="three l">links</span>
		<span class="three m">links</span>
		<span class="three r">links</span>
	</div>
	
	<div class="kasten">
		<div class="frage">
			Testfrage
		</div>
		<span class="three l">links</span>
		<span class="three m">links</span>
		<span class="three r">links</span>
	</div>

Ausschnitt vom css

Code: PHP

div{border:#009933 solid thin;}
span {border:#ff9933 solid thin;}
div.kasten {width:99%; margin:5px; clear:both; float:none;}
div.frage {color:#666666; width:100%; margin-bottom:8px;}
span.three {width:33%; float:left;} 

Erklärung:
- die Klassen l, m, r von den Spans bräuchte ich evtl später.
- wenn ich span durch div ersetzte gehts auch nicht!
-> das block-div geht nicht um die spans herum, da diese float:left sind? (aber warum?)
- Ursprünglich wollte ich das mit einem table machen, aber wegen ie-bug versuch ichs jetzt mit span/div

tia!
Michi

Kannst du amal einen Screenshot von deinem erwünschten Design machen? Mit Buchstaben alleine kann man sich nichts vorstellen und deswegen schwierig helfen. Weil Lösungen gäbe es noch genug