Hola, lo primero de todo muchas gracias por interesarte por mi problema y querer ayudarme. Te paso un ejemplo simple de lo que es mi problema (para no pasarte todo el tostón que tengo), la primera parte es el htm (falta la línea del !DOCTYPE html PUBLIC) y la segunda el css:
<head>
<title>Ejemplo 1: Sliding Doors of CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="STYLESHEET" type="text/css" href="prueba.css">
</head>
<body>
<div id="tabs">
<div id="TabSelected">Home</div>
<div id="TabUnselected">News</div>
<div id="TabUnselected">Products dfadfasdfadfasdfasdfa dfa dfasdfasdfad adfadfasdfasdfasdfasdfadfasdfa df asdfadfasdfadf</div>
<div id="TabUnselected">News</div>
<div id="TabUnselected">About asdfasdf l asjksdflñasj flñdkasjflkdas flasdjñljk</div>
</div>
</body>
</html>
---------------------------(Ahora te paso el css)-------------
#body {
background:#fff;
margin:0;
padding:0;
color:#000;
font:x-small/1.5em Georgia,Serif;
voice-family: "\"}\""; voice-family:inherit;
font-size:small;
}
#TabSelected {
float:left;
width:20%;
font-weight:bold;
text-align:center;
border: 1px yellow solid;
padding-bottom: 999em;
margin-bottom: -999em;
}
#TabUnselected {
float:left;
width:19.8%;
background: grey;
text-align:center;
border: 1px black solid;
font-weight:bold;
padding-bottom: 999em;
margin-bottom: -999em;
}
#tabs {
overflow:hidden;
text-align:center;
border: 1px yellow solid;
height: 100%;
}