Problema con height de div

[PoLiZe]

Hola gente de FDW, tengo un problema con un sitio que estoy haciendo, estoy adaptando un diseño a un blog wordpress.

Y el problema que tengo es que el div con id "pagina" cierra bien, osea no tiene problemas con HTML.. Pero por alguna razon que supongo que sera por CSS talves, cierra antes que termine!

¿Porqué será?

Este es el sitio:
http://encuentro.adrianbarabino.com/


y este el CSS:

Código CSS:

.bloque {
    border: 1px ;
    border-radius: 5px;
 
    
    
    
}
#bloque h3 {
    color: #333;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #f57f25;
    margin-top: 0px;
    font-size: 2.3em;
font-weight: lighter;
    margin-bottom: 10px;
    padding-bottom: 4px;
margin-bottom: 10px;
    border-top-width: 0px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
}
 
 
#bloque2 {
    height: auto;
    width: 35%;
    text-align: left;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
        font-size: 13px;
            font-family: 'Prociono', serif;
            background: #EEE;
padding: 5px;
margin: 5px;
border: 1px solid #BBB;
 
}
#bloque2 h2{
    color: #333;
 
    font-size: 1em;
font-weight: lighter;
 
 
}
#bloque {
    height: auto;
    width: 35%;
    text-align: left;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
        font-size: 13px;
            font-family: 'Prociono', serif;
 
}
 
#navi {  
    list-style:none;
    margin:0;
    padding:0;
    margin-top:15px;
    vertical-align:middle;
}
#navi ul {  
    list-style:none;
    margin:0;
    padding:0;
    vertical-align:middle;
}
#navi li {
    margin:2px;
    padding:3px;
 
    float:right;
    vertical-align:middle;
    font-weight: bold;
    
    
}
#navi li a {
    display:block;
        border-radius:10px;
    height:15px;
    width:100px;
    padding:10px 0 10px;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    color:#FFFFFF;
    background-color:#2e6da7;
    margin-top:20px;
 
}
#navi li a:hover {
    color:#000;
    background-color:#f57f25;
 
}
#ultimosposts li {
    padding: 5px;
background: #EEE;
border-bottom: 1px #CCC solid;
}
#ultimosposts li:hover {
background: #e2b051;
}
#ultimosposts {
    text-align:center;
    margin: auto;
width: 88%;
padding-left: 0px;
border: 2px solid #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#ultimosposts a {
    color: #222;
    font-size: smaller;
    text-decoration:none;
}
#ultimosposts a:hover {
    color: #333;
    text-decoration: underline;
}
 
#pagina {
        background: #fff url(bg.png) repeat-x;
        min-width:960px;
         max-width:80%;
         height:auto;
         padding:auto;
         float:center;
         margin: auto;
         padding-top:10px;
         border: 2px solid #cbcbcb; 
         border-radius:12px;
         vertical-align:middle;
}
 
    
 
 
/* GLOBALES */
a, a:link, a:visited    { color: #0052A3; text-decoration: underline; }
a:hover                 { color: #1A8DFF; }
li {
    list-style:none;
}
 
 
 
p                       { line-height: 1.5em; }
blockquote              { border-left: 2px solid #CCC; color: #666; margin: 5px 0 20px; padding: 5px 10px 1px; font-style: normal; }
code                    { background: #EAEAEA; color: #333; font-family: Consolas,Monaco,Courier,monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }
pre code                { background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }
 
input[type=text], input[type=password], textarea    { background: url(../../images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=submit]      { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; background: url(../../images/postbar.gif) repeat-x; border: 1px solid #333; padding: 5px 10px; font-size: 12px; color:#FFF; }
input[type=submit]:hover{ border: 1px solid #CCC; background: url(../../images/topnav.jpg) repeat-x; color:#333; }
 
table                   { border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; }
th, td                  { padding: 5px; border: 1px solid #CCC; border-width: 1px; }
th, thead th            { font-weight: bold; color: #333; background: url(../../images/topnav.jpg) repeat-x top #CCC; }
td, tbody td            { background: #F0F0F0; }
 
/* common classes */
.aligncenter            { display: block; margin: 0 auto; }
.alignright             { float: right; margin: 0 0 1em 1em; }
.alignleft              { float: left; margin: 0 1em 1em 0; }
.floatleft              { float: left; }
.floatright             { float: right; }
img.aligncenter, img.alignright, 
img.alignleft           { border: 3px solid #EEE; }
 
.textcenter             { text-align: center; }
.textright              { text-align: right; }
.textleft               { text-align: left; }
 
.noticebox              { background-color: #fff9d7; border: 1px solid #e2c822; color: #333; margin-bottom: 20px; padding: 10px; }
.noticebox a            { color: #000; }
 
.sub                    { font-size: 11px; color: #848485; }
 
.ui-tabs-hide, .hide    { display: none !important; }
 
.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }
 
.tags a:link, .tags a:visited   { font-weight: bold; text-decoration: none; padding: 2px 4px; background: #FFF; display: inline-block; margin-bottom: 3px; }
 
 
/* THUMBS */
 
#thumbnail{
    text-align: center;
margin: 11px;
border: 1px solid #CCC;
padding: 5px;
background: white;
margin-bottom: 5px;
}
 
#publicado {
    font-size: 10px;
text-align: center;
margin-top: 0px;
}
 

Desde ya muchas gracias!

[PoLiZe]

Perdon, ya lo solucione, era agregar un "overflow:auto;" en el css..


Muchas gracias igual y mil disculpas.