Ocultar un div con css

[jochite]

He insertado en un pagina.php un widgets de twitter donde aparece unas noticias rotativas. Le he indicado al widgets que sólo me muestre una solo linea con la noticia correspondiente pero me aparecen varias. He intentado de todas las forma reducir la altura del contenedor en este caso <div id="twitter_div"> para que solo me muestro 1 linea de texto. He utilizado para ello la propiedad display añadiendo "none" con lo que lo oculta el div totalmente.

Alguien me podria decir con puedo semiocultar un div por la parte de abajo?
Os agradeceria mucho la ayuda por que ya no sé por donde tirar



----------------------------------------------------------------------------------WIDGETS TWITTER

<div id="twitter_div">
<ul id="twitter_update_list">
<a href="http://twitter.com/IPPCV_24HORAS" ></a></ul>

<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/XXXX.json?callback=twitterCallback2&amp;count=1"></script>



<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 11000,
width: 'auto',
height:10,
theme: {
shell: {
background: '#f2eff2',
color: '#f2eff2'
},
tweets: {
background: '#edf5f3',
color: '#c91022',
links: '#091a02'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: false,
timestamp: false,
avatars: false,
behavior: 'default'
}
}).render().setUser('XXXX').start();
</script>

</div>




--------------------------------------------------------------------------------------------------CSS
.twoColLiqRtHdr #twitter_div {

width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px!Important;
font-weight:bold!Important;;
float: left;
clear: both;
color: white;
overflow: hidden;
display:none;
height:95px;
text-indent:20px;

}

[Dalvenjha]

pues bajale al height nada más, no tienes pq poner display:none...

[jochite]

Antes de nada agradezco tu respuesta.

El problema en cuestión me ha venido porque con el firefox 3.6.12 que es la versión que tengo instalada no me dá problemas. Tampoco tengo dificultades con internet explorer versión 8 y 9. Pero con I.6 y I.7 se me incrementa el height y no sé como reducir la altura. He utilizado un hacks css específico para i6 por ejemplo _height y otro para I.7 *height:xpx!Important pero no me dá resultado.

Necesitaria comprender un poco mejor como reaccionan I.6 y I.7 respecto al resto de navegadores cuando por ejemplo modificas su altura con un hacks.

[Dalvenjha]

Uhmm, es la primera vez que leo que ie6 no respeta el overflow:hidden, podrías poner tu c´código o subir tu aplicación para poder revisarla? aunque no tengo ie6 algo puedo hacer.

Saludos

[jochite]

El dominio de la pagina en cuestion es:

http://www.ippcv.org.

Utilizo ITester para hacer las comprobaciones de todas las versiones de internet explorer. Parece ser que I.5 no es capaz de reconocer los wigdets de twitter pero si los demas. Pero volviendo al tema veras un rotor de noticias en horizontal con el menu de la esta Web. Lo que quiero es el que el maincontent y el menu de la derecha no se vayan hacia abajo sino que este en paralelo con el rotor y que solo se vea una sola noticia.

Un saludo