Problema con 100% de altura para la barra lateral (Panel) en Twitter bootstrap

Estoy en problemas cuando uso Sidebar (Panel) en Twitter bootstrap. Aquí está el complemento de esa barra lateral (Panel).

enter image description here

Y aquí está mi código CSS para eso.

.sharecartside .content { height: 100% !important; min-height: 100%; padding: 18px 10px 20px 30px; } .sharecartside { height: 100%; margin: 1px 0 0 508px; } .sharecartside { background: url("../images/bg_sidepannel.png") repeat-y scroll 0 0 transparent; float: right; margin: 1px 0 0 400px; position: absolute; width: 300px; } 

Cualquier ayuda será apreciada. Gracias.

Para que ‘height: 100%’ funcione para cualquier elemento HTML, su elemento principal debe tener un valor de altura definido. O el objeto se expandirá a la altura del ancestro más cercano con una altura definida.

Si todos los antepasados ​​de un elemento no tienen una altura definida o definida en porcentaje, entonces para que el elemento se expanda a la altura de la página, debe dar a ‘cuerpo’ y ‘html’ una altura del 100%.

Si está usando la función de arranque, usando

  html,body{ height:100%} 

en CSS debería resolver el problema. Asegúrese de que esta regla aparezca después de que incluya bootstrap-responsive.css