Ok, soy nuevo en el foro, soy nuevo tambien en el diseño web, aun asi ya tengo mi paginita llenita y todo (con algunos hoyos negros) pero tengo un problema realmente extraño, tengo en mi web, en el index.. bueno berifiquen por mi el problema porfavor, llevo semanas en esto, muchas gracias, mi web es: www.games-or-games.com
y la hoja de estilos esta asi:
Código:
* {margin:0px ; padding:0px ; border: 0px ; list-style:none}
body {text-align: center}
#global {width: 800px ; margin: 20px }
#curva-superior { background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat ; width : 800px ; height : 12px ; overflow : hidden ; padding: 50px 0px 0px 0px }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.0em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {font.size: 0.9em; color:black ; font-weight: none ; text-decoration: none ; text-align: left}
h5 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: justify}
h4 {font.size: 13px; color: black; font-weight: none ; text-decoration: underline; text-align: center}
h6 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left}
ul { text-align: left}
li { text-align: left}
a { color : red ; text-decoration : none }
a:link {}
a:visited {}
a:hover { color : blue ; text-decoration : underline }
a:active { color : blue ; text-decoration : underline }
#cabecera {background-color: white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: white 1px solid ; height:85px}
#logotipo { width:320px ; float: left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { width:469px ; float: right ; margin-top:25px}
#publicidad h2 {font.size: 1.2em; color:green ; font-weight: bold ; text-decoration: underline ; text-align: center}
#navegacion { background-image: url(Objetos/barra-menu-superior.png) ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; border-bottom: black 1px solid ; height: 60px; list-style:none}
#navegacion ul { margin-left: 45px }
#navegacion li {float:left; margin: 0px 25px 0px 5px ; text-align: center }
#navegacion a { color : red ; text-decoration : none ; text-align: center ; display: block}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover { color : red ; text-decoration : underline ; text-align: center; display: block ; background-color: #C7C7C7}
#navegacion a:active { color : red ; text-decoration : underline ; text-align: center; display: block ; background-color: #A0A0A0}
#contenido {background-image: url(Objetos/contenido-fondo.png) ; text:align:left; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px}
#contenido p {padding: 5px 20px 10px 20px ; text-indent: 15px }
#contenido h2 {padding: 5px 18px 10px 18px}
#cont1 { float: left ; padding : 0px 0px 40px 0px ; border-right: black 1px solid }
#cont2 { float: left ; border-right: yellow 3px solid}
#contenido3 { float: left ; padding : 10px 0px 10px 0px }
#contenido4 { float: right ;width: 670px }
#contenido4 h3 {text align: left}
#contenido5 { float: left ; background-image: url(Objetos/contenido-fondo.png)}
#conte1 { background-image: url(Objetos/contenido-fondo.png) ; text-align:justify; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; height: 300px}
#contizqgiant {float: left ; width: 150px ; border-right: black 1px solid}
#contizqgiant a { color : black ; text-decoration : none ; background-color:#D9D9D9 ; font-size:9px ; display:block}
#contizqgiant a:link {}
#contizqgiant a:visited {}
#contizqgiant a:hover { color : gray ; text-decoration : none ; background-color:#FFFFFF ; font-size:9px; display:block}
#contizqgiant a:active { color : silver ; text-decoration : none ; background-color:#CAFFFF ; font-size:9px; display:block}
#contizq1 {border-bottom: black 1px solid; float: left }
#contcentral {float: left ; width: 498px ; text-align: justify }
#contcentral p {text-align: justify ; margin: 5px 10px 5px 10px}
#contdergiant {float: left ; width: 150px ; border-left: black 1px solid }
#contdergiant a { color : black ; text-decoration : none ; background-color:#D9D9D9 ; font-size:9px ; display:block}
#contdergiant a:link {}
#contdergiant a:visited {}
#contdergiant a:hover { color : gray ; text-decoration : none ; background-color:#FFFFFF ; font-size:9px; display:block}
#contdergiant a:active { color : silver ; text-decoration : none ; background-color:#CAFFFF ; font-size:9px; display:block}
#contder1 {border-bottom: black 1px solid; float: right }
#menu {width: 150px ; float:right ; margin: 20px 0px 0px 10px ; background-image: url(Objetos/menu-parte-inferior-1.bmp); background-position: bottom ; padding-bottom:5px }
#menu h4 {text-decoration : none ; font-size : 1.0em ; text-decoration: underline ; background-image :url(Objetos/menu-curva-superior-1.bmp) ; padding-top: 10px}
#menu ul {text-align: center}
#menu li {text-align: center ; list-style:none ; margin: 10px 20px ; border-left: blue 8px solid ; border-bottom: blue 3px solid }
#noticia-grande {border-bottom: black 2px}
#noticia-grande h1 { font-size:16px}
#noticia-peq {}
#noticia-peq h1 {font-size:14px}
#curva-inferior { background-image: url(Objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width : 800px ; height : 12px ; overflow : hidden ; margin-left : 0px 0px 100px 0px}
body { background-color: #E6E6FA ;
background-image: url(Objetos/fondo-gog.jpg) }
img {border-style: none}
.centrado { text-align:center }
.left {text-align:left}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pie li {text-align: center; list-style: none ; font-size: 12px }
#pie p { padding: 5px 25px 10px 25px }
#pieuno { float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#pietres { float:left ; width:150px }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:blue ; font-size: 14px ; text-decoration:underline ; background-color: white ; font-weight: bold }
#pie a:active {color:blue}
#menu a { color : red ; text-decoration : none ; display: block}
#menu a:link {}
#menu a:visited {}
#menu a:hover { color : red ; text-decoration : underline ; background-color : silver ; display: block}
#menu a:active { color : red ; text-decoration : underline ; background-color : silver ; display: block}
p {text-align : justify}
pre {text-align : center}
El problema esta en la columna izquierda, nose porque pero se repiten unas palabras.
adios y gracias
PD: lo se lose se descuadra en firefox