a:hover, background verlängern

[susi strolch]

hallo leute,

ich habe eine navigation (text-links) die ich über css layoute.

#menu a
 {
color:black;
background:transparent;
font:14px arial, verdana, helvetica, sans-serif;
text-decoration:none;
 }

#menu a:visited
 {
color:black;
background:transparent;
 }

#menu a:hover, a:active, a:focus
 {
color:white;
background:#000066;
 }

wie ihr seht, ändert sich die hintergrundfarbe bei "a:hover" in ein dunkles blau. leider ist diese hintergrundfarbe nur da zu sehen wo auch text ist!

bei dem wort "home"  ist demnach nur das wort "home" blau hinterlegt, ich möchte aber noch vor und nach dem wort "home" einen blauen hintergrund. z.z. löse ich das problem mit gesch.leerzeichen vor und hinter dem link (in html).

meine frage an euch: kann ich in css den hintergrund für meine links "verlängern" ohne das ich auf leerzeichen zurück greifen muss ?
ich will aber keine grafiken einbinden! ;-)

danke euch

susi

[Maximilian Baumgart]

Weise den Links display:block sowie width und padding zu, so wie es deinen Vorstellungen entspricht.

[susi strolch]

DANKE, das geht :-)

Weise den Links display:block sowie width und padding zu, so wie es deinen Vorstellungen entspricht.

mfg
susi