Div Boxen horizontal nebeneinander floaten

[Beat]

ich habe ein float Problem komme einfach nicht weiter und wäre euch sehr dankbar für eure Hilfe!

Ich habe mehrere Boxen die ich in zwei übergeordnete Boxen (#mainbox1 und #mainbox2) gesteckt habe.

Nun hätte ich gerne das diese beiden 'mainboxen' nicht untereinander floaten, so wie sie es jetzt gerade tun sondern horizontal nebeneinander.

#mainbox1
      { ... width: 100%; height: auto; min-width: 1250px; float: left }

Entferne alles, was die Box breiter werden lässt als gewünscht.

#mainbox2

ditto

#MUSIC
      { ... width: 100%; height: 100%; min-width: 1250px; float: left }

ditto

[code lang=html]<div id="mainbox1">

  <div id="MUSIC">  
  	<div id="box1">  
  		<a href="#" name="1"><img src="dot.gif"></a>  
  		<a href="#" name="2"><img src="dot.gif"></a>  
  		<a href="#" name="3"><img src="dot.gif"></a>  
  </div></div>  

Hast du den Code gebastelt?
Ich habe den Verdacht. nein!

mfg Beat