hola que tal a seguir las lecciones me encontre con un problema y es que al ponerle a lis links el display en forma de bloque no se ve realmente segun la leccion se marca el link estando en el mismo renglon de la palabra que posee el link sin embargo esto no sale y no se donde este mi error a qui dejo mi hoja de estilos
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color: pink }
#navegacion {background-color:gray}
#contenido {background-color:orange; width:800px; float:left}
#pie{background-color:brown}
#global{width:800px; margin:4px auto}
#menu{background-color:yellow;width:150px; float:left;text-align:left}
#menu li {list-style:none;margin:4px0px4px6px}
a{color:red;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
y mi hoja html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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">menu
<ul>elemnto lista,1 elemnto lista,2 elemnto lista,3
</div>
Esta sera la zona principal de la web
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
espero al respuesta gracias
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color: pink }
#navegacion {background-color:gray}
#contenido {background-color:orange; width:800px; float:left}
#pie{background-color:brown}
#global{width:800px; margin:4px auto}
#menu{background-color:yellow;width:150px; float:left;text-align:left}
#menu li {list-style:none;margin:4px0px4px6px}
a{color:red;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
y mi hoja html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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">menu
<ul>
</div>
Esta sera la zona principal de la web
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
espero al respuesta gracias