CSS Links in Box

[baeckerman83]

Hi!

#fotomenu {  
margin-top: 10px;  
margin-left: 10px;  
margin-right: 50px;  
width: 200px;  
float: left;  
}  
  
#fotomenu a {  
    color: #FFFFFF; background-color: #D51D1D;  
    text-decoration: none;  
    font-weight: bold;  
    width: 150px;  
}  
#fotomenu a:hover {  
    color: #FFFFFF; background-color: #800000;  
    width: 150px;  
    }

So sieht mein Code aus. Im IE 7.x hat der Link <a href.... dann auch in einer Box die 150px lang ist, im FF ist die Box aber nur so lang wie der Text des Links. An was liegt das?

[suit]

So sieht mein Code aus. Im IE 7.x hat der Link <a href.... dann auch in einer Box die 150px lang ist, im FF ist die Box aber nur so lang wie der Text des Links. An was liegt das?

die eigenschaft width sollte eigentlich nur dann greifen, wenn die display-eigenschaft auf block oder vergleichbare eingenschaften gesetzt ist

ein float: left oder display: block für das a-element sollte zum gewünschten effekt führen

ein inline-element sollte per default so breit sein wie sein inhalt

[baeckerman83]

Danke! Das war der Fehler!