La propriété CSS min-width ne fonctionne pas

J'ai le problème suivant:
J'ai div contenant d'autres éléments et j'essaie de rendre sa largeur dépendante du contenu. Je limite également la largeur maximale de cette div. J'utilise min-width et max-width dans le CSS, mais il semble que min-width ne fonctionne pas. La largeur de div est toujours la valeur max-width, quel que soit le contenu.

Exemple:

J'aimerais avoir la div blanche (c'est-à-dire la div principale, dont je parlais) strictement autour de la forme qui s'y trouve, sans espaces vides sur le côté gauche et droit. J'ai donné le style de formulaire max-width:500px pour montrer que même si le contenu est petit, la div principale reste la même.

HTML

<div class="gInnerBox sInnerBoxMain">
    <form style="max-width:500px; margin-left: auto; margin-right: auto">            
        <div id='content'>
                   <!-- CONTENT -->
        </div>
    </form>
</div>

CSS

.gInnerBox{
    position: relative;
    background-color: #fff;
    opacity: 0.9;
    padding: 10px 10px 10px 10px;    

    box-shadow: -5px -5px 20px #000, 5px 5px 20px #000;
    -moz-box-shadow: -5px -5px 20px #000, 5px 5px 20px #000;
    -webkit-box-shadow: -5px -5px 20px #000, 5px 5px 20px #000;

    border: 1px solid #000;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.sInnerBoxMain{
    max-width: 1000px;
    min-width: 500px;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
}

Exemple http://wstaw.org/m/2011/11/25/ttt.png