Layout em CSS, problema com DIVs

Olá! Bem-vindos ao meu tópico (lê-se mundinho de problemas), não estou conseguindo organizar as divs do layout de um modo que elas fiquem corretas. Eu gostaria que a div do meio, ficasse alinhada com a div maior ao seu lado, enquanto a div da extrema direita pudesse descer até o final sem quebrar o resto do design. Se precisar que eu especifique melhor, é só avisar Confiram a imagem, e em seguida os códigos do CSS: /applications/core/interface/imageproxy/imageproxy.php?img=http://www.epicplay.com.br/prev2.jpg&key=adee68d437afdb3da8f56db271ed4140caa1b9df60018dd624443ff54c4edd9d" alt="prev2.jpg" />

O código do CSS:

#container {
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#topo {
height: 200px;
}
#barra {
background-color: #000;
height: 30px;
}
#rota {
background-color: #96C;
height: 270px;
width: 740px;
margin-bottom: 20px;
float: left;
}

#navbar {
height: 24px;
}
#auxiliar2 {
float: right;
height: 500px;
width: 220px;
margin-left: 20px;
clear: inherit;
}

#conteudo {
float: left;
width: 500px;
}
#a-conteudo {
height: 50px;
}
#b-conteudo {
height: 500px;
background-image: url(layout/fundo.png);
background-repeat: repeat;
}
#auxiliarmeio {
height: 500px;
width: 220px;
float: left;
margin-right: 20px;
margin-left: 20px;
background-image: url(layout/fundo.png);
}

#rodape {
clear: both;
height: 30px;
background-image: url(layout/fundo.png);
background-repeat: repeat;
}

body {

font-family: Tahoma, Geneva, sans-serif;
background-color: #000;
margin: 0px;
padding: 0px;
background-attachment: fixed;
background-image: url(layout/bg_image.jpg);
background-repeat: no-repeat;
background-position: center;
}

p, h1, h2, h3, h4, h5, h6 , ul, ol{

margin: 0px;
padding: 0px;
}

#a-auxiliar2 {
height: 50px;
width: 220px;
float: right;
}
#b-auxiliar2 {
background-image: url(layout/fundo.png);
height: 500px;
width: 220px;
float: right;
}

Agradeço a ajuda do pessoal!!