problemas con el titulo se queda movido

puse el codigo h1 en el menu vertical y se me movio el h1 del texto. e revisado los codigos y no doy con el error .
adjunto img.:
[contenido no disponible]

codigos css
*{text-index:0x; margin:0px; border:0px; padding:0px}
p{text-align:justify}
h1{font-sice:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align: center}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration: none; text-align:center}
body {text-align:center}
#global {width:800px; margin:4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden}
#cabecera {background-color:white; border-left:black 1px solid; border-right:black 1px solid; height:85px}
#logotipo {width:280px; float:left}
#publicidad {width:518px; float:right; margin-top: 25px}
#navegacion {border:1px solid black; background-color:gray; height:20px}
#navegacion ul{margin-left:180px}
#navegacion li{float:left; list-style:none; margin: 0px 20px 0px 20px}
#contenido {background-color:orange; border-left: black 1px solid; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu{border: 1px solid black; background-color:yellow; width:150px; float:left; text-align:left; margin: 3px 10px 3px 3px}
#menu li {list-style:none; margin: 4px 0px 2px 4px}
#menu h1{text-decoration:none; font-size:12px}
#pie {background-color:white; border-left: black 1px solid; border-right:black 1px solid; border-top:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden}
a{color:blue; font-size:1.3em; text-decoration:none}
a{color:brown; text-decoration:none; display:block}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver}
a:active{}


y los html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[url="index.html"][img]objetos/logotipo.gif[/img][/url]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
     <ul>[*][url="#"]sección 1[/url][*][url="#"]sección 2[/url][*][url="#"]sección 3[/url][*][url="#"]sección 4[/url][/list]</div>
<div id="contenido">
     <div id="menu">
		 <ul><h1>título de sección 1</h1>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][/list]</div>
		 <h1>zona principal de la web</h1>
		 

5 años tiene mi amor, esto me suena de una cancion infantil</p>
		 <h2>Este manual de creación de páginas web</h2>
		 

 es muy completo y facil pa gente inepta como yo</p>
		 

Convinacion de letras, jejejeej: dfdfji djifdiso osfjfk giordig irojgdkf rigdkfgjd irgtjdgdgkdlldi dtgdgk</p>
		 

No se me ocurre nada mas y e escrito poco</p>
		 

Me llamo Marcos Farelo Diez, y estoy aprendiendo a hacer una pagina web. pero de momento no se mucho.espero q aprenda muchas cosas utiles para montar mi pagina web</p>
		 

Mierda necesito una linea mas como minimo, anda que no hay q escribir. hay padrin!!!!!</p>
		 

si u que!!!!!!!!!!!!!!!!!!!!!!!!!!!!</P>
</div>		    
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

gracias de antemano. un saludo
edito: nota:e mirado y en el explorer sale bien es en el mozilla donde sale movido en opera y eso no se.
Es un error que se da en firefox, no?
Solo tienes que darle mas height a navegacion en la css tiene 20px prueba con 25 o 30.
Tambien tienes un error en
h1 de la css, pusiste sice en lugar de size, suerte.
spitfire2 escribió:Es un error que se da en firefox, no?
Solo tienes que darle mas height a navegacion en la css tiene


perfecto ahora genial gracias spitfire2