Comment faire un header sur toute la largeur avec 3 divs horizontaux ?

Bonjour,
je chercher à faire un header mettons de 100px de hauteur, dont le fond général serait un dégradé, mais dont les coins gauches et droits seraient deux images avec ce même dégradé, sauf que les coins du bas serait arrondis...
Le but serait donc quelque chose comme ça :

+-----+------------------------------+-----+
|  L  |                              |  R  |
|  E  |                              |  I  |
|  F  | Logo ici.                    |  G  |
\  T  |                              |  H  /
 `~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~T~'

Et j'y arrive pas.
J'ai bien mes deux images qui se placent à gauche et à droite avec des float:left & float:right mais ma zone du milieu n'a pas son fond qui se remplit.
A noter : les images de gauche et de droite ont leur arrondis transparents, donc elles ne peuvent pas superposer le dégradé du dessous.
Merci beaucoup de votre aide

Salut,

Un peu de code ne serait pas de trop.

Bonjour,

Bon j'ai trouvé alors je m'auto-reponds, pour que ça puisse en aider d'autres :

/* header */
#header { 
  width:auto;
  display:block;
  height:99px;
}

#headerLeft {
  background:url(img/headerLeft.png) no-repeat left top;
  width:16px;
  height:99px;
  float:left;
}

#headerRight {
  background:url(img/headerRight.png) no-repeat right top;
  width:16px;
  height:99px;
  float:right;
}

#headerMain {
  background:url(img/headerMiddle.png) repeat-x;
  height:99px;
  margin-left:16px;
  margin-right:16px;
}

Et pour avoir le header, dans l'html :

<div id="header">
  <div id="headerLeft"></div>
  <div id="headerRight"></div>
  <div id="headerMain">
    Ce texte se place dans le bloc du milieu [smile]
  </div> 
</div>