Positionnement dans div

Bonjour à tous.
J'ai un problème de positionnement de div dans un autre div.
J'ai un div principal "banniere" qui en contient 2 autres. "defil" qui est placé complètement à gauche puis "fixe" complètement à droite.
J'ai ensuite 2 div "pub1" et "pub2" dans le div "fixe" que je superpose.
Le truc c'est que je veux laisser une marge de 2% entre les 2 sauf que quand je le fais, cela ne remplit pas le div "fixe".
Voici mon code css puis mon code html.

.CSS

#banniere
{
max-width: 100%;
height: 450px;
background: white;
margin-top: 30px;
clear: both;
}

#defil
{
width: 67%;
float: left;
height: 100%;
background: url("../images/fond2.jpg");
}

#fixe
{
width: 32%;
margin-left: 68%;
height: 100%;
}

#pub1
{
margin-top: 0px;
width: 100%;
height: 49%;
background: url("../images/fond2.jpg");
}

#pub2
{
margin-top: 2%;
width: 100%;
height: 49%;
background-color: black;
background: url("../images/fond2.jpg");
}


.HTML

<div id="banniere">

<div id="defil"> </div>

<div id="fixe">

<div id="pub1"> </div>
<div id="pub2"> </div>

</div>

</div>

Merci.