bordes dependiendo del navegador

Simplemente quería avisaros de que, en mi caso, los bordes de la web que realizo siguiendo los pasos de las lecciones se aprecian perfectamente en explorer, pero no en el resto de navegadores. Os paso datos:

enlace de la web: http://46.105.184.246/~ociomadr/plantilla.html

.css

* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink; border-right:black 1x solid; border-top:black 1x solid; border-top:black 1x solid;}
#navegacion {background-color:grey; border:black 1x solid;}
#contenido {background-color:orange; border-left:black 1x solid; border-right:black 1x solid;}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin-right:10px; margin:3px 10px 3px 3px;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
#pie {background-color:brown; border:black 1x solid;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver}
a:activate {}
p {text-align:justify;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
h1 {font-size:1.2em; color:blue; font-weight:fold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:fold; text-decoration:none; text-align: center;)

.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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Gareth Bale ha deshojado la margarita y considera que su etapa de crecimiento en las filas del Tottenham ha llegado a su fin. Tras varios meses de reflexión, el polivalente jugador zurdo habría llegado a la conclusión que lo mejor para su proyección pasaría por un cambio de club a final de temporada.</p>
<h2>Es más, desde Inglaterra se asegura que el futbolista ya habría dado el paso y habría solicitado a los directivos del Tottenham que analizaran todas las ofertas que llegaran para concretar la mejor propuesta de traspaso.</h2>
</div>
<div id="pie">Este es el pié de la página</div>
</div>
</body>
</html>

puedo continuar con el curso, pero os lo hago saber por si acaso nos ayuda a todos a mejorar.
salu2!!
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink; border-right:black 1x solid; border-top:black 1x solid; border-top:black 1x solid;}
#navegacion {background-color:grey; border:black 1x solid;}
#contenido {background-color:orange; border-left:black 1x solid; border-right:black 1x solid;}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin-right:10px; margin:3px 10px 3px 3px;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
#pie {background-color:brown; border:black 1x solid;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver}
a:activate {}
p {text-align:justify;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
h1 {font-size:1.2em; color:blue; font-weight:fold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:fold; text-decoration:none; text-align: center;)
te falta poner las p no es border-right:black 1x solid es border-right:black 1px solid
:shock: