hi
i want to make a three column design in my web page and i tried it with using css, i dont know why this is not working, can any one help me,


here is the css code
#Contents{
position: relative;
width:990px;
float:left;
}

#Section1 {
width:180px;
height:auto;
margin-left:15px;
clear:left;
}

#Section2 {
width: 565 px;
height:auto;
margin-left:5px;
clear:left;
}

#Section3 {
width:205px;
height:auto;
margin-left:5px;
clear:left;
}


and this is the html code
<div id="Contents">
    <div id="Section1"><p>Sample Text </p><h2> Test Section one </h2></div>
    <div id="Section2"><p> Sample of section 2</p></div>
</div>


thanks
ashok sharma

You have written clear:left rather then float:left.

thanks,

that was a silly mistake,
its working now


regards