I want to get structure like this:

```
---------------------------------------------
| head                                      |
---------------------------------------------
|left-menu||---content-div-------------------
| fixed   ||                     |          |
|         ||    content-left     | con-right|
|         ||--------------------------------| 

```

css file:

```
.left-menu {
    position:fixed; /* fix menu, no scroll  */
    left:0;
}
.content-div {
    position:absolute;
    float:right;
    left:150px;
}
.content-right {
    width: 310px;
    float: right;
}
.content-left {
    float: left;
}

```

divs:

```
<div>
    <div class="left-menu" >    </div>

    <div class="content-div">
        <div class="content-left">  </div>
        <div class="content-right"> </div>
    </div>
</div>

```

I get `content-right` in the next line, not in the same line with `content-left`, like i have `content-left` `width=105%`, but i don't. I tried this and some other suggestion, but no luck. How can i fix this problem?