Pasa eso cuando paso el ratón por la cabecera, el menú, o la barra del reproductor, y a veces se pasa cuando paso el ratón por lo de Página Principal Personalizada, y otras tengo que pasar el mouse sobre un enlace del div texto.
Y allá van las dos hojas de estilo:
maquetacion.css
#cabecera{
-moz-border-radius: 20px;
border-width: 2px;
border-style: solid;
position: relative;
text-align: center;
margin: 2px;
}
#todo{
background-color: white;
width: 90%;
height: auto;
position: absolute;
margin-left: 5%;
margin-right: 5%;
padding:5px;
text-align:left;
border-width: 2px;
border-style: solid;
-moz-border-radius: 20px;
}
#todomenu a{
padding: 2px;
margin: 2px;
}
#todomenu{
margin: 2px;
-moz-border-radius: 20px;
border-width: 2px;
border-style: solid;
font-size: 15px;
padding: 2px;
text-align: center;
position: relative;
}
#cuerpo{
border-right-style: solid;
border-right-width: 2px;
}
body{
background-image:url('fondoceleste.gif');
background-repeat:repeat;
background-attachment:fixed;
}
td{
vertical-align: middle;
}
#personalizada{
position: relative;
height: auto;
}
#texto{
text-align:left;
padding: 10px;}
azul.css
#cabecera{
background-color: #4D5ABC;
border-color: blue;
}
#movible {
background: #CCEEFF;
}
BODY {
color : blue;
font-family : arial;
font-size: 15px;
text-align: justify;
}
#texto{
background: #ffffff;
color: blue;
font-size: 15px;
}
#des{
border-width: 2px;
border-color: #ccffff;
background: #ffffff;
color: blue;
height: 200px;
overflow: auto;
font-size: 15px;
}
A{
text-decoration: none;
color: blue;
}
A:Hover {
text-decoration: none;
background-color: #4EAAFF;
}
#texto IMG{
max-height: 350px;
max-width: 350px;
border-width: 0px;
width: expression(this.width > 350 ? 350: true);
}
IMG{
border: 0;
}
h1{
text-align:center;
}
textarea{
background-color: #ffffff;
color : blue;
font-family : arial;
font-size: 15px;
}
#todomenu{
background-color: #4D5ABC;
border-color: blue;
color: #FFCC33;
}
#todomenu a{
color: #FFCC33;
}
#todo{
border-color: blue;}
Perdón por el tocho
.