la mia struttura deve essere questa:

un div container con clear:booth, quindi altezza dimensionabile

poi devo avere al suo interno altri 3 div con altezze diverse ma allineati tutti in alto uno a fianco all'altro, suppongo con float:left

codice:
body{background-color:White;width:100%;font:normal normal normal 14px "Arial"} 
#container{width:1000px; min-height:500px; text-align:center; border:1px solid black;margin:0 auto;height:auto;overflow:hidden; clear:both} 
#header{position:absolute;width:250px; border:1px solid blue} #navigation{width:250px;margin-left:0px; border:1px solid red} #images{position:absolute; margin:0 0 0 251px; width:298px;border:1px solid green} 
#content{ position:absolute; margin:0 0 0 550px;width:450px;margin-top:0px; border:1px solid maroon} 
#footer{width:1000px; border:1px solid yellow}
codice:
<body>

<form id="form1" runat="server">

<div id="container">




    <div id="header">
        <div id="Logo" >
        
        </div>
    
        <div id="navigation">
        
        </div>

    </div>

    <div id="images">
    image
    </div>

    <div id="content">


    </div>

</div>

<div id="footer">

</div>
<div class="clr"></div> 



</form>
</body>