Pestañas en entrada

[Anonimo12]

Buenas a todos, escribo para plantearos una duda en un cuadro de pestañas que va en la entrada (para poner un vídeo en cada una):

El CSS:

.pestanas{
width: 350px;
}
.pestanas ul{
margin:0px;
padding:0px;
list-style: none;
}
.pestanas li{
float:left;
margin:0px 6px 0px 0px;
padding:4px 6px 4px 6px;
background-color: #999999;
color: #eeeeee;
font-size:8pt;
}
li.pestanaseleccionada{
background-color: #333366;
color: #ffffff;
font-weight: bold;
}
.cuerpopestanas{
background-color: #333366;
color: ffffff;
clear:both;
margin:0px;
padding:4px;
height: 300px;
overflow: auto;
}

El código html que se inserta en la entrada:

<div class="interfazpestanas">
<div class="pestanas">
<ul>
<li class="pestanaseleccionada">Opción 1</li>
<li>Opción 2</li>
<li>Opción 3</li>
</ul>
<div class="cuerpopestanas">
Aqui va el vídeo.
</div>
</div>
</div>

La cuestión es que me funciona y puedo insertar un vídeo en la primera pestaña donde pone "Aqui va el vídeo.", pero no sé dónde hay que poner los datos que van en las otras pestañas y en el tutorial del cual saqué esta información no lo especifica: http://www.desarrolloweb.com/articulos/maquetacion-recuadro-pestanas-css.html

Les agradezco las respuestas, saludos.

[jomaruro]

Hola:

A ver si este ejemplo te sirve de ayuda: http://www.araudi.net/ejemplos/tabs_hover.html

Saludos.