PUNTOS EN LA LISTA DEL MENÚ Y ALINEADO

Hola. El curso es genial. Todo iba bien, pero ahora sí que estoy bloqueda.
Tengo la hoja de estilo-general y la plantilla bien enlazadas. Pero los puntos delante de la lista del menú no desaparecen.
Además, aunque escribí la indicación para alinear a la izquierda, me sigue apareciendo el menú en el centro.
Esto es lo que tengo en estilo-general:

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: blue }
#navegacion {background-color: gray }
#contenido {background-color: orange; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { list-style:none }

Y esto otro en la plantilla:

<!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">Al compás de la vihuela les da la bienvenida</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menú">
<ul>
  • Mates
  • Bombillas
  • Libros
  • Artículos varios

    </div>
    Esta será la zona principal de la web</div>
    <div id="pie">Este es el pie de página</div>
    </div>






    </body>
    </html>

    ¿PODRÁS AYUDARME? MUCHÍSIMAS GRACIAS.
  • jejeje

    primero dejame felicitarte por tu exelente ortografia

    peero, el html es mas..... :roll:
    no le gustan los acentos jejej

    mira aqui

    <div id="menú">

    saludos :wink: