MouseOver - Problem

[sipoh]

Guten Tag,

ich habe ein Menü, welches folgend arbeitet:

<div class="menu">
<a class="menu" href="#">E-Mail</a>
<a class="menu" href="#">E-Mail</a>
</div>

Die CSS-Datei dazu:

a.menu {
  margin:0 0 0 0;
  width:88px;
  height:70px;
  padding:25px 0 0 0;
  text-align:center;
  font-size: 14px;
  font-weight: bold;
  border:1px solid;
}

a.menu:link    {
  color: #587005;
  background-image:url('pix/navi/blank.png');
  text-decoration: none;
}

a.menu:visited {
  color: #587005;
  background-image:url('pix/navi/blank.png');
  text-decoration: none;
}

a.menu:hover   {
  color: #948206;
  background-image:url('pix/navi/blank_h.png');
  text-decoration: none;
}

a.menu:active  {
  color: #948206;
  background-image:url('pix/navi/blank_h.png');
  text-decoration: none;
  }

Das Problem:

Normalerweise sollen die Links mit den festen Maßen 88x70 nebeneinander stehen. Im Firefox stehen sie aber bald willkürlich und ohne jede Maße rum.

 

[Maik]

Hi,

zeichne mal die Links mit der display:block- bzw. float:left-Eigenschaft aus, damit sie "Block-Level-Charakteristika" erhalten, und die Breiten- sowie Höhenangabe annehmen.

 

[sipoh]

Ok, funktioniert. Danke. Habe das im div-container vermutet, aber nicht bei den Links.

Super!