div hover

[jackie]

Hallo,

mein CSS sieht folgendermassen aus:

.menu a:hover {
                border-left:5px solid blue; margin-top:1px; margin-bottom:1px; margin-right:1px;
                background-color: gray;
}

.menu {
                border-left:5px solid red; margin-top:1px; margin-bottom:1px; margin-right:1px;
                background-color: gray;
                padding-left: 3px;
}

.menu_active {
                border-left:5px solid blue; margin-top:1px; margin-bottom:1px; margin-right:1px;
                background-color: gray;
                padding-left: 3px;
}

Mein <div>-Tag hat die Klasse class="menu" bzw. class="menu_active".
Leider verschiebt sich mein Rollover-Effekt meiner Navigation, da beim hover der a-tag berücksichtigt wird, nicht aber das gesamte div, so wie es sein soll - was schafft hier Abhilfe bzw. Korrektur?

Vielen Dank für Eure Unterstützung,
jackie