Faire JQuery boîte de dialogue contenu 100% de la largeur et de la hauteur

Je crée un div, puis l'ouvrir dans une boîte de dialogue. J'ai essayé le style de cette div pour obtenir que le contenu devrait augmenter à 100% dans les deux directions.

Ce que j'ai essayé jusqu'à présent:
Réglage de la div style

#content {
    width:auto !important;
    height:auto !important;
    background-color:red !important;
    display:block !important;
}

et le réglage de la valeur par défaut div style

$(div).dialog({ dialogClass: 'someStyle' });

.someStyle .ui-dialog-content 
{
    height:auto !important;
    display:block !important;
}

Rien ne semble fonctionner! Je remplace la largeur de biens, mais ne peut pas se substituer à la hauteur de biens. Comment pirater?

Je veux arriver à quelque chose comme ceci: http://jsfiddle.net/S3FQv/

OriginalL'auteur Jacob | 2013-02-28