Question

I know this has probably been spoken about before but I am in need of some expertise.

I have a div tag

<div id="body">
   <div id="menu">
   </div>

   <div id="content">
   </div>
</div>

what I need is for the menu to float left and be 200px and the content on the right to sit beside it but be 100% or whatever the remainder of the width is? Any ideas how to accomplish this?

Please see http://jsfiddle.net/vBUhD/ Its the best I can do?

Answer 1

somthing like

#menu{
float: left;
width: 200px;
margin-left: -100%;
position: relative;
}

#content {
padding: 0 0 0 220px;
}

#body {
width: 100%;
float: left;
overflow: hidden;
}