problema con griglia

[donato.sciarra]

Salve a tutti,

sto cercando di sistemare questa griglia ma non capisco cosa manca per far allineare tutti gli elementi...vi posto il codice sperando che qualcuno possa aiutarmi:

div#container{
    margin: 0px 0px auto auto;
    width: 930px;
}

div#menu{
    float:left;
    width: 150px;
}

div#griglia{
    margin: 0 10px auto 150px;
    background-color: #AAA;
    width: 780px;
}
div#row{
    margin: 10px 10px 0px 0px;
    width: 100%;
    height: 170px;
    padding: 0px;
}
div#left{
    margin: 0px 520px 0px 0px;
    float:left;
    width: 250px;
    height: 100%;
}
div#middle{
    margin: 0px 260px 0px 260px;
    width: 250px;
    height: 100%;
}
div#right{
    margin: 0px 0px 0px 520px;
    float:right;
    width: 250px;
    height: 100%;
} 

e il tutto dovrebbe avere questo aspetto:


come posso risolvere?
grazie mille!

[donato.sciarra]

risolto!!!

ecco il codice se potrebbe tornare utile a qualcuno:

div#container{
    margin: 0px 0px auto auto;
    width: 930px;
}

div#menu{
    float:left;
    width: 150px;
    position: fixed;
    top: 30px;
}

div#griglia{
    margin: 0 5px auto 150px;
    background-color: #AAA;
    width: 780px;
}
#row{
    margin: 10px 10px 0px 0px;
    width: 100%;
    height: 180px;
    padding: 0px;
}
div#left{
    padding-top: 5px;
    padding-bottom: 5px;
    float:left;
    width: 260px;
}
div#middle{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 260px;
    float:left;
}
div#right{
    padding-top: 5px;
    padding-bottom: 5px;
    float:left;
    width: 250px;
    height: 100%;
}
#box{
    background-color:#F00;
    width: 250px;
    height: 170px;
    margin: 0px;
    padding: 0px;
}