[CSS] Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen

Baby cat

Hallo Liebe GB'ler,

ich habe heute mit hilfe eines TUT's.
nun habeihc das problem es funktioniert nicht
vielleihct kann mir ja jemand von euch helfen

CSS Code

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 2px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
font-size:18px ;
text-align: center;
background-color: transparent;
color: #e0d8c4;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
cursor: default;
}

++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913; 
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
cursor: default;
}

Der Menu Code

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link href="http://momorztstarlight.mo.funpic.de/Hauptlinks/Css/drobdown.css" type="text/css" rel="stylesheet">
  </head>
  <body>
<div id="menuebox">

	<div id="menue">
		<div class="aussen">
<span class="menutag">Allgemein</span>
<a class="innen-1" href="http://momorztstarlight.mo.funpic.de/Hauptlinks/Hauptlinks/Willkommen.html">Home</a>
<a class="innen" href="#">Regeln</a>
<a class="innen" href="#">Erklärungen</a>
<a class="innen" href="#">Anmeldung</a>
<a class="innen" href="#">Gästebuch</a>
<a class="innen" href="#">Alte Designs</a>
<a class="innen" href="#">Partnerhöfe</a>
		</div>
		<div class="aussen">
<span class="menutag">Mitglieder</span>
<a class="innen-1" href="#">Probemitglieder</a>
<a class="innen" href="#">Mitgliederstaaten</a>
<a class="innen" href="#">Login</a>
<a class="innen" href="#">Forum</a>
		</div>
		<div class="aussen">
<span class="menutag">Pferde | Hunde</span>
<a class="innen-1" href="#">Privatpferde</a>
<a class="innen" href="#">Privathunde</a>
<a class="innen" href="#">Verkaufspferde</a>
<a class="innen" href="#">Verkaufshunde</a>
<a class="innen" href="#">Schulpferde</a>
		</div>
		<div class="aussen">
<span class="menutag">Der Hof</span>
<a class="innen-1" href="#">Hof</a>
<a class="innen" href="#">Ausreitwege</a>
<a class="innen" href="#">Hoftiere</a>
<a class="innen" href="#">Stallungen</a>
<a class="innen" href="#">Weide</a>
<a class="innen" href="#">Hofkasse</a>
<a class="innen" href="#">Reitschule</a>
<a class="innen" href="#">Zuchtstall</a>
		</div>
			<div class="aussen">
<span class="menutag">Aktionen</span>
<a class="innen-1" href="#">Pferd des Monats</a>
<a class="innen" href="#">Mitglied des Monats</a>
<a class="innen" href="#">Turniere</a>
  	</div>
  		<div class="aussen">
<span class="menutag">Rechtliches</span>
<a class="innen-1" href="#">Impressum</a>
<a class="innen" href="#">Bildnachweis</a>
		</div>
	</div><!-- menue -->

<!-- Der folgende Block bedient nur IEs! 
	 Durch diese Redundanz vermeiden wir den Einsatz von Javascript. -->

<!--[if IE]>
	<div class="stupidie">
<a class="auss" href="#"><span class="menutag">Allgemein</span>
<table><tr><td>
<a class="innen" href="#">Regeln</a>
<a class="innen" href="#">Erklärungen</a>
<a class="innen" href="#">Anmeldung</a>
<a class="innen" href="#">Gästebuch</a>
<a class="innen" href="#">Alte Designs</a>
<a class="innen" href="#">Partnerhöfe</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Mitglieder</span>
<table><tr><td>
<a class="innen-1" href="#">Probemitglieder</a>
<a class="innen" href="#">Mitgliederstaaten</a>
<a class="innen" href="#">Login</a>
<a class="innen" href="#">Forum</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Pferde | Hunde</span>
<table><tr><td>
<a class="innen-1" href="#">Privatpferde</a>
<a class="innen" href="#">Privathunde</a>
<a class="innen" href="#">Verkaufspferde</a>
<a class="innen" href="#">Verkaufshunde</a>
<a class="innen" href="#">Schulpferde</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Der Hof</span>
<table><tr><td>
<a class="innen-1" href="#">Hof</a>
<a class="innen" href="#">Ausreitwege</a>
<a class="innen" href="#">Hoftiere</a>
<a class="innen" href="#">Stallungen</a>
<a class="innen" href="#">Weide</a>
<a class="innen" href="#">Hofkasse</a>
<a class="innen" href="#">Reitschule</a>
<a class="innen" href="#">Zuchtstall</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Aktionen</span>
<table><tr><td>
<a class="innen-1" href="#">Pferd des Monats</a>
<a class="innen" href="#">Mitglied des Monats</a>
<a class="innen" href="#">Turniere</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Rechtliches</span>
<table><tr><td>
<a class="innen-1" href="#">Impressum</a>
<a class="innen" href="#">Bildnachweis</a>
</td></tr></table>
</a>
	</div><!-- stupidie -->
<![endif]-->

</div><!-- menuebox -->


  </body>
</html>