I want to make a HTML layout where the left div adjusts to the window size and the right div has a fixed size. How do I have to set the width of the left one? I cannot do 70% and 30% because the right div has got a fixed size.

[jsfiddle](http://jsfiddle.net/j73th/)

HTML

```
<div id="left"></div>
<div id="right"></div>

```

CSS

```
.left{
height: 100%;
width: 300px;
background-color: red;
float: left;
}

.right{
height: 100%;
width: ....;
background-color: black;
float: right;
}

```