No superponer capas

[Raulmmmm]

¿Existe alguna forma de que no se superpongan las capas aunque salga scroll?
Este es el código:
CSS

Código:

#lateral{
top: 0px;
width: 130px;
float:left;
}
#otrolado{
top: 0px;
float:right;
width: 150px;
position: relative;
}
#principal{
top: 0px;
margin-left: 130px;
margin-right: 150px;
background-color: #ffffff;
position: relative;
}

PHP

Código:

<div id="cabecera"><?php include('barrar.php') ?></div>
  <div id="cuerpo">
       <div id="lateral"><?php include('barraiz.php') ?></div>
	   <div id="otrolado"><?php include('barrade.php') ?></div>
   <div id="principal"><div id="texto">    
     <h1>Vídeos </h1>
        <hr>
        <table><tr><td bgcolor='white'><embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=6773500985476850136&hl=es" flashvars=""> </embed></td><td bgcolor='white'><h2>Toboganes</h2><hr>¡Vaya trompazos! Es divertido cuando no te pasa a ti.</td></tr></table>
           </div></div></div>

Lo que pasa es que cuando tienes una resolución de 800 X 600 se superponen
las capas. Lo podéis comprobar en http://pokemolon.iespana.es/videos.p...goria=animales. Ya no sé que hacer

[k4k4]

Hola,

una forma (de las varias posibles) es cambiar el formato en que muestras el contenido. Por ejemplo usar este formato para listar los videos:

[Título]
[Descripción]
[Video]




Saludos.

[Raulmmmm]

Gracias, lo he hecho como tu decías. Ahora ya se ve bien.