2 Div (1fixe, 1 variable) imbriqué dans un div

Bonjour,

j'aimerais imbriqué dans un div deux div le premier d'un largeur fixe le deuxième prenant le reste de la largeur ... Le problème c'est que le deuxième ne prend pas toute la largeur...

Voici mon code

Code:

1
2
3
4
5
6
 
 <div id="structure">
            <div id="sections">sections </div>
            <div id="properties">properties </div>
            <div class="spacer"></div>
        </div>

mon css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* + Struture Page */
#structure{
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background: aqua; 
}
#structure div{
    background-color: #ff6600;
    margin:0;
}
 
#structure #sections{
    float: left;
    width : 300px;
 
}
 
#structure #properties{
    float: right;
 
}

Merci d'avance