Hallo,
folgende kleine html Datei funktioniert nur in Opera, so wie sie soll.
Warum funktioniert das in Firefox nicht und vor allen: Was muss ich machen, damit es auch in Firefox (und ggf. IE) funktioniert?
Liebe Grüße
Benny
folgende kleine html Datei funktioniert nur in Opera, so wie sie soll.
Warum funktioniert das in Firefox nicht und vor allen: Was muss ich machen, damit es auch in Firefox (und ggf. IE) funktioniert?
Code:
<html>
<head>
<style type="text/css">
#menuebox {
position: relative;
height: 25px;
width: 165x;
}
#menue {
position:absolute;
z-index: 200;
}
#menue .aussen {
font-size: 15px;
float: center;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #f8ddf6;
color: #3829c7;
}
#menue .aussen:hover {
height: auto;
background-color: #f8ddf6;
border: 1px solid #66ff66;
background-color: #ccffcc;
}
a.innen-1 {
margin-top: 2px;
}
a.innen, a.innen-1 {
font-family: Arial, Helvetica, sans-serif;
height: 20px;
text-align: left;
font-size: 12px;
display: block;
width: 100%;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border: 1px solid #66ff66;
background-color: #ccffcc;
color: #600;
}
a:visited.innen, a:visited.innen-1 {
background-color: #ccffcc;
color:#555;
}
a:hover.innen, a:hover.innen-1 {
background-color: #ffccff;
color: #900;
}
</style>
</head>
<body>
<div id="menuebox">
<div id="menue">
<div class="aussen">
Linkliste
<a class="innen-1" href="#">Link 1</a>
<a class="innen" href="#">Link 2</a>
<a class="innen" href="#">Link 3</a>
<a class="innen" href="#">Link 4</a>
</div>
</div>
</div>
</body>
</head>
Liebe Grüße
Benny