Fel på div

Hej alla

jag har gjort en meny och den vill jag ha i mitten och texten i mitten hur får man det ?

här är koden jag har

css kod

.meny{background:#FFFFFF; margin-top:15px; width:190px; float:left; height:300px;}
ul{list-style-type:none; border:0px solid #000000;}
li{border:1px solid #000000; width:150px;}
#meny a:visited{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:link{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:active{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:hover{background:#DD0000; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block;}

här är html-koden

<div class="meny"><ul id="meny"><li><a href="#">Hem</a></li><li><a href="#">Adminer</a></li><li><a href="#">Logga in</a><li><a href="#">Skapa konto</a></li></ul></div>

ul{list-style-type:none; [B]margin:0;padding;0;[/B]  border:0px solid #000000;}
li{border:1px solid #000000; width:150px;[B]margin:0;padding;0;[/B]  }
/*
Allt detta ersätter vi med
#meny a:visited{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:link{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:active{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:hover{background:#DD0000; color:#FFFFFF; font-weight:bold; 

Detta
*/
#menu a{
color:#000000; 
text-decoration:none; 
font-weight:bold;
[B]display:block;
width:100%;
text-align:center;[/B]}
#meny a:hover{background-color:#DD0000; color:#FFFFFF;}

tack för hjälpen :)

Vet någon varför inte punkterna försvinner i punktlistan

här är koden

ul(margin:0px; padding:0px; border:0px solid #000000;}
li(list-style-type:none; margin:0px; padding:0px; width:150px; border:1px solid #000000;}
#meny{background:#BB0000; width:150px; margin-top:50px;}

#menu a{
color:#000000;
display:block;
width:50%;
font-weight:bold;
text-align:center;
}
#menu a:hover{background:#FFFFFF;}

här är meny kod

<div id="meny"><ul id="menu"><li><a href="#">Hem</a></li><li><a href="#">Hem</a></li><li><a href="#">Hem</a></li></ul></div>

Jag löste problemet själv

Hur?

här är lösningen

jag bytte namn på boxen i html-koden till menu

#menu ul(margin:0; padding:0; border:0px solid #000000;}
#menu li(margin:0; padding:0; width:100px; border:0px solid #000000;}
#menu{background:#BB0000; width:160px;  list-style-type:none; float:left; margin-top:10px; padding:0px; margin-left:0; height:400px;}

#menu a{
color:#FFFFFF;
display:block;
width:100%;
font-weight:bold;
text-align:center;
text-decoration:none;
}
#menu a:hover{background:#FFFFFF; color:#000000;}

Emil W skrev:

Vet någon varför inte punkterna försvinner i punktlistan

Sätt list-style-type på UL istället för på LI i css koden.