Marges dans 2 div

Bonjour,
j'ai deux div l'une d'en l’autre.

<div class="lrg100prct fdcraft">
<div class="container">
<p>mon contenu </p>
</div>
</div>

mon css pour ces div est le suivant :

.lrg100prct{width:100%;position:relative;}
.container{margin:30px auto; padding:20px 0 20px 0;max-width:1280px;position:relative; background: #FFFFFF;}
.fdcraft { background: url(../images/fd-craft.jpg) ;}

le problème que je rencontre (uniquement sous safari car sous ie, chrome et firefox c'est bon) c'est que la marge de 30px que j'applique à mon container s’applique à mon lrg100prct et donc au lieu de de voir au dessus du lrg100prct le fond de container j'ai du blanc.

Savez vous comment régler ce problème sous safari ?

super merci l'overflow fonctionne nickel !
un grand merci