DIVy - problem

Witam!

Włąśnie próbuję się nauczyć robić stronę na warstwach

ale jakoś mi nie za bardzo wychodzi:

#all {	width:750px;

		height:auto;

		margin:0 auto 0 auto;}



#top {	width:750px;

		height:300px;

		}


#pasek {	width:750px;

			height:11px;

			}


#menu {	width:200px;

		background:#000000;

		height:auto;

		float: left;

		}


#center	{	width:550px;

			height:auto;

			float:right;

			background:#33FF33;

			height:500px;

			}


#stopka {	width:750px;

			height:auto;

			background:#000000;

			color:#FFFFFF;

			clear: booth;


			}
topok.jpg
podpasek.jpg

dfasfka;

dfsa

W IE Jest wszystko tak jak chcę... STOPKA jest na dole.

Natomiast w Mozilli wyświetla mi to tak że mam stopke w środku tej wyższej warstwy... I nie wiem jak zrobić żeby ona po prostu była na dole. Zaczynała się w momencie w któym warstwa wyżej się kończy.. ?

  • nie stosuj height jeśli nie jest to konieczne

  • używaj

, w Twoim przypadku trzeba stawić jak się domyślam przed

#all { overflow: hidden; }

To powinno pomóc.