Tengo el siguiente problema:
Tengo div que contiene otros elementos y trato de hacer que su ancho dependa del contenido. También restrinjo el ancho máximo de este div. Yo suelomin-width ymax-width en CSS, pero parece quemin-width no está trabajando. El ancho de div es siempre elmax-width valor, sin importar el contenido.

Ejemplo

Me gustaría tener el div blanco (es decir, el div principal, del que hablaba) estrictamente alrededor de la forma que contiene, sin espacios vacíos en el lado izquierdo y derecho. Le di el estilo de formulariomax-width:500px para mostrar que incluso si el contenido es pequeño, el div principal permanece igual.

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;
}

Ejemplo http://wstaw.org/m/2011/11/25/ttt.pn