Hoverbutton einfügen in freies Design

Hallo,

ich habe das freie Design und will dort einen Hoverbutton einfügen ich habe folgenden Code dort

li.nav_element a{
display: block;
width: 120px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#4A4A4A;
background-color:#ffffff;
background-image:url(http://img.webme.com/pic/d/die-unverbesserlichen/button3.jpg);
border: 2px solid #4A4A4A;}

li.nav_element a:hover{
color: #000000;
background-color:#ffffff;
background-image:url(http://img.webme.com/pic/d/die-unverbesserlichen/button3.jpg);}

Beide Button hochgeladen und eingefügt, aber was ist daran Falsch???
Ich kann auf meiner Homepage nur meine alten Button sehen diese habe ich aber schon gelöscht! Dürften also garnicht mehr zu sehen sein

bist du sicher dass das das einzige feld mit buttons ist
kannst du vielleicht mal den ganzen code hier posten
oder ist das nicht der code den du auf deiner hp hast???

mfg
______________
Forenregeln, FAQ, Suchfunktion

Dein Code klappt doch?
Die Buttons die du da im dem Code hast sind auch auf der Hp zusehen!
______________

kleiner tipp am rande:
das sind andere buttons im code

mfg
______________
Forenregeln, FAQ, Suchfunktion

Ich sehe die buttons nicht!

Ich denke der bug liegt darin, dass du die alten buttons erst mal rausnehemen musst und dann die neuen einfügen, wenns dann immernoch nicht funzt, dann einfach die bilddatei, von dem alten button löschen!

Also hier ist der ganze CSS Code den ich drin habe!

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a{
color:#000000;
text-decoration: none;
font-size:13px;}

a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}

body {
background-color:#000057;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url();}

#header_container {
position: absolute;
left: 50%;
margin-left:-480px;
width: 921px;
height:104px;
background-color:#ffffff;
background-image:url(http://img.webme.com/pic/d/die-unverbesserlichen/banneraktuell2.gif);
color:#000000;
font-size:13px;
border: 2px solid #FFFFFF;}

#content {
position: absolute;
left: 50%;
top: 160px;
margin-left:-320px;
width: 590px;
height: 1000px;
padding:10px;
color: #000057;
font-size:13px;
background-color:#ffffff;
background-image:url();
border: 2px solid #4A4A4A;}

#sidebar_container{
position: absolute;
left: 50%;
top:160px;
margin-left: 300px;
width: 180px;
height: 700px;
background-color:#000057;
background-image:url;
border:2px solid #4A4A4A;
color:#ffffff;
overflow:}

#nav_container{
position: absolute;
left: 50%;
top:160px;
margin-left: -490px;
width: 150px;
border:2px solid #4A4A4A;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 120px;}

li.nav_element a{
display: block;
width: 120px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#4A4A4A;
background-color:#ffffff;
background-image:url(http://img.webme.com/pic/d/die-unverbesserlichen/button3.jpg);
border: 2px solid #4A4A4A;}

li.nav_element a:hover{
color: #000000;
background-color:#ffffff;
background-image:url(http://img.webme.com/pic/d/die-unverbesserlichen/button3.jpg);}



Den anderen Button habe ich schon gelöscht. Ich sehe ihn immer noch!
Was fehlt???
Ich arbeite mit dem Explorer