Hola,
Prueba el código como está ahora, por lo menos a mi me funciona en Firefox 3.5 y en Internet Explorer 8:
CSS:
* {
text-indent : 0;
margin : 0;
padding : 0;
border : 0;
}
a {
text-decoration : none;
display : block;
}
a:hover {
color : red;
text-decoration : underline;
background-color : silver;
}
#pie a {
color : blue;
text-decoration : none;
display : block;
}
#pie a:hover {
color : black;
text-decoration : underline;
background-color : white;
}
#pie a:active {
color : black;
}
p {
text-align : justify;
}
h1 {
font-size : 1.2em;
color : blue;
font-weight : bold;
text-decoration : none;
text-align : center;
}
h2 {
color : blue;
font-weight : bold;
text-decoration : none;
text-align : center;
}
body {
text-align : center;
background:black
}
#global {
width : 800px;
margin : 0px auto;
}
#curva-superior {
background-image : url(objetos/curva-superior.jpg);
background-repeat : no-repeat;
width : 800px;
height : 12px;
overflow : hidden;
}
#cabecera {
background-color : white;
border-left : 1px solid black;
border-right : 1px solid black;
height : 85px;
}
#logotipo {
width : 280px;
float : left;
}
#publicidad {
width : 518px;
float : right;
margin-top : 25px;
background : #87ceeb;
}
#navegacion {
background-color : white;
border : 1px solid black;}
#contenido {
background-color : #87ceeb;
border : 1px 1px 0px 1px solid #000;
margin : 0 0 0 0;
padding : 2px 2px 0px 2px;
width : 796px;
height : 800px;
}
#contenido p {
padding : 5px 10px 5px 10px;
text-indent : 15px;
}
#menu {
width : 150px;
float : left;
text-align : left;
margin : 3px 10px 3px 3px;
background-image : url(objetos/menu-parte-inferior.gif);
background-position : bottom;
padding-bottom : 5px;
}
#menu li {
list-style : none;
margin : 4px 9px 4px 6px;
}
#menu h1 {
text-decoration : none;
font-size : 10px;
background-image : url(objetos/menu-parte-superior.gif);
padding-top : 12px;
}
#pie {
background-color : white;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 0px solid black;
height : 65px;
}
#pie li {
list-style : none;
font-size : 12px;
}
#pieuno {
float : left;
width : 150px;
}
#piedos {
float : left;
width : 498px;
}
#pietres {
float : left;
width : 150px;
}
#curva-inferior {
background-image : url(objetos/curva-inferior.jpg);
background-repeat : no-repeat;
width : 800px;
height : 12px;
overflow : hidden;
}
#logotipo a:hover {
background-color : white;
}
.menu2 {
padding : 0 32px 0 32px;
margin : 0 0 0 0;
list-style : none;
height : 35px;
background : #fff url(objetos/button1.gif);
position : relative;
border : 1px solid #000;
border-width : 0 0px 0px 0px;
border-bottom : 1px solid #444;
}
.menu2 li {
float : left;
}
.menu2 li a {
display : block;
float : left;
height : 35px;
line-height : 35px;
color : #aaa;
text-decoration : none;
font-size : 11px;
font-family : arial, verdana, sans-serif;
font-weight : bold;
text-align : center;
padding : 0 0 0 8px;
cursor : pointer;
}
.menu2 li a b {
float : left;
display : block;
padding : 0 16px 0 8px;
}
.menu2 li.current a {
color : #fff;
background : url(objetos/button3.gif);
}
.menu2 li.current a b {
background : url(objetos/button3.gif) no-repeat right top;
}
.menu2 li a:hover {
color : #fff;
background : #000 url(objetos/button4.gif);
}
.menu2 li a:hover b {
background : url(objetos/button4.gif) no-repeat right top;
}
.menu2 li.current a:hover {
color : #fff;
background : #000 url(objetos/button3.gif);
cursor : default;
}
.menu2 li.current a:hover b {
background : url(objetos/button3.gif) no-repeat right top;
}
#izquierda {
background-color :#87ceeb;
border : 1px solid #000;
margin : 0px 0px 0 0px;
width : 19%;
float : left;
height : 795px;
overflow:auto;
}
#centro {
background-color : #87ceeb;
border : 1px solid #000;
margin : 0px 0px 0px 0px;
margin-left: 19.5%;
margin-right: 19.5%;
height : 796px;
position: static;}
#derecha {
background-color : #87ceeb;
border : 1px solid #000;
margin : 0px 0px 0px 0px;
width : 19%;
float : right;
height : 795px;
}
#derecha-a {background-color:white;
margin-left: 2px;
margin-right:1px;
height:30px}
#derecha-b {
margin-left: 2px;
margin-right:1px;
height:30px}
#derecha-c {background-color:white;
margin-left: 2px;
margin-right:1px;
height:30px}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<LINK rel="shortcut icon" href="objetos/futbol.ico">
<title>Pagina de inicio</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
><div id="global">
<div id="curva-superior"></div>
<!-- INICIO DE CODIGO DE CABECERA - NO TOCAR -->
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.png" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul class="menu2">
<li><a href="index.html"><b>Inicio</b></a></li><li><a href="galeria/galeria.html"><b>Galeria de Fotos</b></a></li><li><a href="chismografo/chismografo.html"><b>Chismografo</b></a></li><li><a href="tuparty/tuparty.html"><b>Tu Party</b></a></li><li><a href="aburrido/aburrido.html"><b>¿Aburrido?</b></a></li><li><a href="sugerencias/sugerencias.html"><b>Sugerencias</b></a></li><li><a href="download/download.html"><b>Download</b></a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<div id="derecha">
<div id="derecha-a">
asdsad
</div>
<div id="derecha-b">
</div>
<div id="derecha-c">
adasd
</div>
</div>
<div id="izquierda">Colocar aquí el contenido para id "izquierda"</div>
<div id="centro">Colocar aquí el contenido para id "centro"</div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="http://webones-life.mypressonline.com/phpBB3">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Cuéntanos como te va
Saludos
Ginno