Css - fond - marge

Bonjour,

Sur le site que je suis en train de faire, j'ai choisi de mettre en fond un degradé (de haut en bas de blanc à vert). J'avais donc fait une image avec le degradé voulue.

Sur la page j'ai créer plusieurs div en suivant un tutorial. Un conteneur, un header, une barre de navigation un centre et un pied ! J'ai définit la couleur du header blanc comme le début du degrade et le peid vert comme le bas du degrade. J'ai mis le degrade comme image de fond du div central qui contient la barre de navigation (je voulais que le degrade commence dessus).

Pour limiter la taille de l'image de fond je l'ai découpé avec une largeur de 20px et je l'ai définie en repeat. Le problème c'est que le repeat est horizontal ET vertical ce qui m'embete car le degrade est vertical. L'astuce que j'avais étais de définir la couleur de fond du div central comme le bas du degrade ce qui fait que si la page est plus longue (horizontalement) que l'image de fond on le voyait pas, la couleur du bas du degrade continuait comme si de rien n'était.

Autre chose, dans mon div central je met du texte et je voudrais donc définir des marges ... le problème c'est que comme mon degrade est l'image de fond du div central, les marges me rogne le degrade et on voit le fond unicolore derrière ... bref c'est moche.

Si je met le fond dans le conteneur comme le div central est au dessus je n'arrive pas à faire mon astuce pour pas voir que l'image s'arrete avec la couleur verte qui continue car le div central est au dessus et du coup j'ai un fond tout vert.

Voilà mes deux problèmes qui sont un peu liés et qui m'embete ....

Vous avez des solutions ?

Est ce que je suis obligé de faire un div supplémentaire égal au div central mais avec des marges juste pour mettre le
texte ?

merci d'avance !

PS : je suis débutant en CSS

Voilà l'arichtecture de ma page html

<div id="conteneur"> pas de couleur de fond

  <div id="header"> fond blanc
      bla bla
  </div>

  <div id="central">  fond = mon image degrade
                                   c'est ici que je voudrais mettre des marges qui ne s'applique qu'au texte

        <div id="header">

        </div>
  </div>

</div>

Configuration: Linux
Firefox 3.0