[Hema]

Im creating a page using css, going well till now but with one problem, i have a menu one right side and i want under it a box, but its not working, it keeps going next to it..here is my css code:

html, body
{
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #666666;
background: #ffffff;
}
#container
{
width: 760px;
margin: auto;
}

#header
{
background: blue;
height: 150px;
}
#main-nav
{

height: 50px;
}


#menu
{

float: right;
width: 200px;
padding:5px;
border:solid;
}
#sidebar /*here's my issue, i want this to be under the menu*/
{
float:right;
width:200px;
padding:5px;
border:solid;
}
#content
{

margin-right: 200px;

}
#content h2 {
margin: 0;
padding: 0;
padding-bottom:15px;
}

#content p {
margin: 0;
padding: 0;
padding-bottom:15px;
}
#footer
{
clear:both;
background: orange;
height: 66px;
}

[Joseph J]

Could you share the Html code please