Problème menu css simple

Bonjour,

Voilà j'ai fait une tout con menu en css... Mais voilà,
Les puces (points noirs), j'arrive pas à les virer...

Et je sais pas pourquoi, le menu tire en longueur, ce qui fait que ma page à une barre de défilement horizontale :s

<div id="menu">

         <ul>

              <a id="menu1" href="http://antoinezone.net/today/">Today</a>

              <a id="menu2" href="http://antoinezone.net/mes_creations/">Mes Creation</a>

              <a id="menu3" href="http://antoinezone.net/contact/">Contact</a>

              <a id="menu4" href="http://antoinezone.net/a_propos">A propos</a>			  
			  
         </ul>


      </div>

#menu{
        float: center;
        position: absolute;
		width: 460px;
		top:66px;
		left: 50%;
		margin-left: -60px;
		height: 40px;


}

#menu1 {
  position: absolute;
  width: 80px;
  height: 0px;
  left:0px;
  color: #bdbdbd;
 
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  font-family:"Tahoma";
  font-variant:small-caps;
  font-size:1.40em;
  text-align: center;
  line-height:34px;
  z-index: 10; letter-spacing: 0;
  float: bottom; display: block;
  margin: 0 auto;
  -moz-opacity:0.8;
  opacity: 0.8;
  filter:alpha(opacity=80);
}
#menu1:hover {
  color: white;
  background-color: #5cadce;
}

Quelqu'un à une idée du pourquoi et du comment ?

Merci..

EDIT: Voiçi le site: http://antoinezone.net/today/
Modifié par Docxell (02 Sep 2009 - 21:25)

Salut,

Docxell a écrit :
Voilà j'ai fait une tout con menu en css...

Hem... c'est effectivement tout con mais la base des listes c'est d'utiliser des éléments LI avec UL ou OL. Donc ce n'est pas UL / A mais UL / LI / A ce qui donne :

<ul> 
	<li><a id="menu1" href="#">Today</a></li>
	<li><a id="menu2" href="#">Mes Creation</a></li>
	<li><a id="menu3" href="#">Contact</a></li>
	<li><a id="menu4" href="#">A propos</a></li>
</ul>

D'une manière générale c'est un bon réflexe de toujours valider son code.

Ah ouai je sais bien, la structure à la base était <ul> <li>, mais j'ai voulu tester sans <li> pour voir si c'était la base du problème des puces...

J'ai juste oublié de les remettre

Enfin le problème est tout pareil, avec 4 puces en plus!

Voilà, en rendant les site valide W3C, le problème de déroulement horizontal est résolu... mais il y a toujours les puces noires qui me dérangent...

C'est tout a fait normal à mon avis, c'est parce que le système fait que c'est une liste non ? du coup il y à es puces... mais il n'y à pas une astuce pour l'éviter?

Bonjour,

Pour enlever tes puces il existe un traitement naturel qui n'abimera pas ton pelage...

dans ton fichier css tu rajoutes:

#menu ul {
list-style-type: none;
}

Et normalement, plus de puces!