Ayuda con redimensionar texto al redimensionar ventana

[Bam_Margera]

Hola!

tengo un problema y es que cuando la pantalla es más pequeña; las cosas se me desmontan, por favor ver http://bit.ly/92ChCU y fijarse en las pestañas, donde pone: "recientes", "más votados", ...

bien, si tienes un monitor pequeño ya sabrás de qué hablo, pero sinó; por favor, redimensiona la ventana hasta que veas cómo las pestañas se 'caen',



Éste es el CSS correspondiente a las pestañas,

Código:

.tabs{
width: 97%; ;
padding-left: 3%;
margin-bottom:0px;
}

.tabs a{
position:relative;bottom:6px;
padding:5px;
padding-left:1%;
padding-right:1%;
min-width: 60px;
border: 1px solid transparent;
border-bottom:1px solid transparent;
background-image: url('../images/nav_blue.png'); background-repeat: repeat;
color:#FFF;
margin-right:1%;

    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    -moz-border-radius-topleft: 0.2em;
    -webkit-border-top-left-radius: 0.2em;
 -moz-box-shadow: -1px -1px 1px rgba(0,0,0,.1),1px -2px 1px rgba(0,0,0,.2);
-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, .1),1px -2px 1px rgba(0,0,0,.2);
font-size:85%;
}

.tabs .actual, .tabs a:hover{
/*background-color:#FFF;*/
color: #444;
background-color:#f9f9f9;background-image:none;
padding-top: 10px;
}

Cómo puedo hacer para que no se me desmonte?

... :(

Un saludo y gracias!!

[coken]

ponele un min-width al sitio, para que tenga un ancho minimo y no se desmaquete

[Bam_Margera]

Bien, probaré con eso; pero qué pasaría si tienen la pantalla más peq que el with? scroll?