Relativ höjdproblem!

Tjena!

Jag sitter och har skrivit en sida som består av en div med två divvar i den.

En är "allt" som divvarna "sidmeny" och "sidmeny2" ligger i.
I Allt har jag sedan en div till som heter Hundra. Hundra har height=100% för att Allt ska vara så stor, när sidan öppnas. Blir sedan innehållet mer än 100% är det tänkt att Allt ska bli större eftersom den har height=auto.
Men detta funkar inte för mig.
Förstår inte vad som är felet.

Skickar med Css:en till de tre divvarna.
Jag har testat att sätta en fixerad height på båda "sidmenyerna", så att de tillsammans blivit mer än 100% av Allt och därför gått utanför Allts kant. Det vill jag inte ska hända utan jag vill helt enkelt att Allt ska bli större om sidmenyerna blir det.

#allt{
position: relative;
width: 800px;
margin: auto;
padding: 0;

height: auto;
border: 0px dotted black;
text-align: left;

background-image: url(bilder/svartkant800.gif);
background-repeat: repeat-y;
}

#sidmeny{
position: relative;
float: left;
width: 180px;
height: 400px;

margin-left: 5px;
border: 1px solid red
}

#sidmeny2{
position: relative;
float: left;
clear: left;
width: 180px;
height: 1100px;

margin-left: 5px;
border: 1px solid blue;
}

Löste det genom att sätta "Allt" till position: absolute så funkade det, men i IE så flyttades då hela Allt åt vänster. Skumt. Fick lägga in en negativ margin om browsern är IE.
Internet Explorer....hm...sleden!

Tja

Om du lägger till en body så får du samma utgångsläge:

body {
	margin-top: 0px;
	
	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	width: 100%;
	
	height: 100%;
}

/r
Det kan även dyka upp problem då du skall fixa positionerna på menyerna.

Kan då ändra:
margin-left: 5px;

Till:
margin: 0px 0px 0px 5px;
display: inline;

Tänk på att vissa webbläsare (Opera) använder padding för sidmarginalen:

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}