Se me interpone el <hr> con un div

[Distriker]

Iniciado por deirdre

Hola Distriker

Supongo que te refieres al segundo <hr> porque tienes dos.

Deberías poner la hoja de estilo porque con el html sólo no ocurre lo que dices: tal como lo muestras el <hr> está en su sitio.

Bye

Esta es mi hoja de estilos general.

general.css

Código css:

body {
color : #231F20 ;
background : #C0D9D9 url(../images/fondo.gif) repeat fixed;
margin : 20px 0px 20px 0px ;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif ;
text-align: center ; 
float: center ;
}
 
#cabecera {
width: 700px ;
margin: 0 auto ;
}
 
#navegacion {
background: #B1DBE9 url(images/fondo-navegacion.gif) repeat scroll 0 0 ;
border-top : 1px solid #cccccc ;
border-bottom : 1px solid #cccccc ; 
margin:0 auto ;
padding : 3px 10px 5px 10px ;
width: 710px ;
}
 
a.navegacion-pie:visited {
color: #494E6B ;
}
 
a.navegacion-pie:active {
color: #3F7DE3 ;
}
 
a.navegacion-pie:focus {
color: #494E6B ;
}
 
a.navegacion-pie:link {
color: #494E6B ;
line-height: 25px ;
margin: 5px ;
}
 
a.navegacion-pie:hover {
color: #BD2031 ;
}
 
/*Contenido*/
 
#contenido {
text-align: left ;
width: 920px ;
margin: auto ;
background-color: #FFFFFF ;
}
 
#principal {
width: 470px ;
margin-left: 8px ;
padding: 12px 0px 10px 0px ;
background-color: #ffffff ;
float: left ; 
}
 
h1 {
font-size: 15px ;
}
 
h2 {
font-size: 13px ;
}
 
/*Sidebar-left*/
 
#sidebar-left{
    width: 200px ;
    float:left ;
    width: 200px ;
  background: #36AAE9 ;
  border: 1px solid #cccccc;
}
 
.tit-left {
background-color: #72A5DB ;
font-weight: normal ;
font-size:8pt ; 
letter-spacing: 1.5px ;
padding: 7px 3px 7px 8px ;
margin: 0px 0px 8px 0px ;
text-transform : uppercase ;
}
 
#sidebar-left ul {
list-style: none ;
margin : 5px 0px 0px 10px ;
padding: 0px 4px 0px 0px ; 
}
 
#sidebar-left li {
padding-left: 15px ;
background: transparent url('../images/li.gif') scroll 0 2px no-repeat;
margin: 2px ;
}
 
/*Sidebar-right*/
 
#sidebar-right {
width: 200px ;
background: #36AAE9 ;
border: 1px solid #cccccc;
float: right ;
}
 
.tit-right {
background-color: #72A5DB ;
font-weight: normal ;
font-size:8pt ; 
letter-spacing: 1.5px ;
padding: 7px 3px 7px 8px ;
margin: 0px 0px 8px 0px ;
text-transform : uppercase ;
}
 
.parte-lateral {
padding: 5px 4px 13px 10px ;
}
 
input {
font-size: 9px ;
}
 
#buscador form {
margin: 0px 0px 0px 0px ;
}
 
#texto-a-buscar {
float: left ;
}
 
#texto-a-buscar input {
width: 100px ;
}
 
#boton-de-busqueda {
padding-top: 3px ;
padding-left: 115px ;
}
 
#boton-de-busqueda input {
border: 0px none ;
}
 
.radio {
clear: both ;
}
 
#sidebar-right ul {
list-style: none ;
margin : 5px 10px 0px 0px ;
padding: 0px 0px 0px 4px ; 
}
 
#sidebar-right li {
padding-left: 15px ;
background: transparent url('../images/li.gif') scroll 0 2px no-repeat;
margin: 2px ;
}
 
/* Las dos sidebars */
 
a.navegacion-side:visited {
color: #494E6B ;
}
 
a.navegacion-side:active {
color: #3F7DE3;
}
 
a.navegacion-side:focus {
color: #494E6B ;
}
 
a.navegacion-side:link {
color: #494E6B ;
}
 
a.navegacion-side:hover {
color: #BD2031;
}
 
/* Pie */
 
#pie {
clear: both ;
color: #cccccc ;
text-align: right ;
border-top: 1px solid ;
margin: 10px 10px 0px 10px ;
padding-bottom: 10px ;
}
 
a.navegacion-pie:visited {
color: #494E6B ;
}
 
a.navegacion-pie:active {
color: #3F7DE3;
}
 
a.navegacion-pie:focus {
color: #494E6B ;
}
 
a.navegacion-pie:link {
color: #494E6B ;
}
 
a.navegacion-pie:hover {
color: #3F7DE3;
}
 

Por cierto, me refiero al <hr> que está despues de tantos <br>.

Saludos