problem z DIV-i.....

Dober dan,
imam nek mali problem ki mi dela orng preglavice....

<div id="kanta">
				<div id="glava">
				</div>
				<div id="navigacija">
					<a href="index.html"  class="button1">Domov</a>
					<a href="bio.html"  class="button1">Biografija</a>
					<a href="audio.html"  class="button1">Audio</a>
				</div>
				<div id="sidebar">
				</div>
				<div id="vsebina">
				</div>	
				<div id="noga">
				</div>
		   </div>

V css imajo vsi Divi imajo nastavljeno pozicijo na relative,#sidebar:float right, #vsebina.noga:float left...
Pač, stran se super prikazuje, najprej header, potem navigacija, spodaj levo vsebina ter v isti liniji desno sidebar....pod vsem tem je noga.....
Problem pa pride zdaj, ko hočem v Div #sidebar vključit

<div id="zen">
						<span class="player"></span>
						<span class="circle"></span>
						<span class="progress"></span>
						<span class="buffer"></span>
						<span class="drag"></span>
						<div class="button">
						<span class="icon play"></span>
						<span class="icon pause"></span>
					</div>

to je pač nek free audio player ki sem ga našel na netu...Pač, player se prikaže v sidebaru, problem je pa, da se Divi #vsebina #noga razvrstijo pod tale audioplayer #zen....se pravi, header=ok, navigacija=ok, sidebar=ok, vsebina in noga se pa prikažeta direkt črez sidebar ter direkt pod audioplayer....
Zanima me kako bi spravil div vsebina nazaj pod #glavo??Da bi blo vse v enaki liniji pod glavi, vsebina levo, sidebar pa desno?
Ne vem kak bi porihtal to, tak da kakšen nasvet bi prav prišel...Upam da si znate predstavljati situacijo, čene lahko tud kakšen print screen naredim, dodam css kodo(ni mala)....
stran je narejena v css3, player je html5.....samo to ni problem, stran se super prikazuje v skoraj vseh brskalnikih ki to podpirajo, edinu tal player ne znam umesti v tale sidebar, brez da se mi nebi vsa ostala okenca pomešala med seboj...
hvala...
lp