_fabi: Pulldownmenü - a:hover

Beitrag lesen

Hallo, ich habe ein Problem mit meinem Pulldownmenü und ich bekomme es einfach nicht weg. Wenn man auf Anwendungen geht sieht man das Problem schon.
Hier noch mal der CSS-Code:

  
  
body {  
	background-attachment:fixed;  
	background-color:#ffe4c4;  
}  
  
  
/*-------------------HEAD-------------------*/  
  
div.head {  
  width: 1000px;  
  height: 200px;  
  margin: 0 auto 2px auto;  
  text-align: center;  
  background: #FFF;  
}  
  
/*-------------------NAVIGATION-------------------*/  
  
div.navigation {  
  background-color:#a9aaac;  
  width: 1004px;  
  height: 40px;  
  margin: auto;  
  overflow: hidden;  
}  
  
/*-------------------CONTENT-------------------*/  
  
div.content {  
  background-color:#972b28;  
  width: 1004px;  
  height: 1004px;  
  margin-top: 2px;  
  margin-bottom: 2px;  
  margin-left: auto;  
  margin-right: auto;  
  color: #FFF;  
  font:12px "Arial Black", AlManzomah,Helvetica, sans-serif;  
 }  
  
div.content h1 {  
  text-align:center;  
  margin: 0;  
}  
  
div.content h3 {  
  text-align:left;  
  margin: 10px 0 -18px 30px;  
}  
  
div.content p {  
  text-align: left;  
  margin: 18px 30px 20px 30px;  
}  
  
div.content a {  
  text-decoration: underline;  
  font-weight: normal;  
  color: #000;  
}  
  
/*-------------------LINKS-------------------*/  
  
div.navigation a:link, div.footer a:link, div.head a:link {  
  text-decoration: none;  
  font-weight: normal;  
  color: #FFF;  
  font-size: 13px;  
}  
  
div.navigation a:visited, div.footer a:visited, div.head a:visited {  
  text-decoration: none;  
  font-weight: normal;  
  color: #FFF;  
  font-size: 13px;  
}  
  
div.navigation a:hover, div.footer a:hover, div.head a:hover {  
  text-decoration: none;  
  font-weight: normal;  
  background-color: #FFF;  
  color: #809e44;  
  font-size: 13px;  
}  
  
div.navigation a:active, div.footer a:active, div.head a:active {  
  text-decoration:none;  
  font-weight: normal;  
  background-color:#FFF;  
  font-size: 13px;  
}  
	  
div.navigation a:focus, div.footer a:focus, div.head a:focus {  
  text-decoration:none;  
  font-weight: normal;  
  background-color:#FFF;  
  font-size: 13px;  
}  
  
/*-------------------FOOTER-------------------*/  
  
div.footer {  
  background: transparent url(img/navi_bottom.gif) no-repeat;  
  width: 1004px;  
  height: 20px;  
  margin: 2px auto;  
  text-align: right;  
  font-size: 11px;  
  color: #FFF;  
}  
  
div.footer p {  
  margin: 0 10px 0 0;  
  font-size: 13px;  
}  
  
/*-------------------STUFF-------------------*/  
  
img {  
  border: 0;  
}  
  
/*-------------------SCRIPT-------------------*/  
  
.sddm{  
  margin: 0;  
  padding: 0;  
  text-align:center;  
  z-index: 30;  
  width: auto;  
}  
  
.sddm li{  
  margin: 0;  
/*  padding: 0;*/  
  list-style: none;  
  float: left;  
}  
  
.sddm li a{  
  display: block;  
  margin: 10px 1px 0 0;  
  width: 100px;  
  background: #a9aaac;  
  color: #FFFFFF;  
  text-align: center;  
  text-decoration: none;  
}  
  
.sddm li a:hover{  
  background: #972b28;  
  height: 40px;  
  margin: 0 0 -10px 0;  
  padding: 10px 0 0 0;  
  color: #FFF  
  
}  
  
.sddm div{  
  position: absolute;  
  visibility: hidden;  
  margin: 0;  
  background: #000;  
  border: 1px solid #a9aaac;  
  width: 190px;  
  padding: 0;  
}  
  
.sddm div a{  
  display: block;  
  height:30px;  
  margin: 0;  
  padding: 10px 0 0 0;  
  white-space: nowrap;  
  text-align: left;  
  text-decoration: none;  
  background: #000;  
  color: #FFF;  
  font: 12px "Arial Black", AlManzomah, Helvetica, sans-serif;  
}  
  
.normal {  
  margin: 0;  
  height: 30px;  
  padding: 0;  
}  
  
.sddm div a:hover.normal {  
  background: #972b28;  
  color: #FFF;  
  margin: 0;  
  width: 190px;  
  height: 30px;  
  padding: 0;  
}  
  
.sddm div a:hover.normal#wohl {  
  background: #972b28;  
  color: #FFF;  
  margin: 0;  
  width: 190px;  
  height: 30px;  
  padding: 10px 0 0 0;  
}  
  
.big {  
  margin: 0;  
  padding: 0 0 20px 0;  
  vertical-align: middle;  
  background: red;  
}  
  
.sddm div a:hover.big {  
  background: #972b28;  
  color: #FFF;  
  margin: 10px 0 0 0;  
  width: 190px;  
  height: 45px;  
  padding: 0 0 0 0 ;  
}  

Die seite ist hier zu finde.
Ich hoffe es kann mir jemand helfen.

Danke und Gruß

_fabi