Div's schuiven onder mekaar

[macciez]

Ik hoop dat iemand mij hier kan helpen. Ik heb een grond layout gemaakt voor een website.
Te zien hier:

http://preview.anchormen.nl/css-test/

In IE7 zijn er geen problemen, elk vlak wordt netjes naast/onder mekaar geplaatst. In firefox echter, wordt het zwarte en het paarse vlak naar boven en links verschoven. Dus onder de eerder geplaatste vlakken. Zet ik een tekst in de html file in 1 van beide div's, dan verschijnt de tekst wel 'gewoon' naast het vorig geplaatste vlak.
Als de site bekeken wordt in IE7 en dan in FF is het duidelijk wat ik bedoel.

Heeft iemand een oplossing? Of wellicht een fout in mijn code?
Moet erbij zeggen dat ik een CSS newbie ben en dus veel geprobeerd heb.
(ik weet dat de layout in IE6 ook nog niet klopt, maar wil het eerst voor FF en IE7 kloppend hebben)

[Joshua]

Het zou natuurlijk helpen om ook de desbetrefende code te posten.
Ik zie echter in firefox niet echt een probleem naar mijn mening.

[reddevil]

De zwarte balk staat naar boven omdat ie geen positionering en clear heeft en dus gewoon daar geplaatst wordt aangezien de gele balk floating is.

Je menu is floating en de paarse div niet, dus eigenlijk zelfde probleem.

[zneek]

ik weet niet wat er in gaat komen, maar is het een idee de opdeling van vlakken iets bij te stellen? 1 div helemaal bovenaan en de boel daaronder in een 3 koloms structuur?

[macciez]

wow dankje reddevil, uiteindelijk was het alleen een kwestie van de 2 vlakken ook een float mee te geven en de titelbalk nog een width.
Hardstikke bedankt voor alle hulp!