quick question: hover on a class

[Gekk0]

Is this right?

 

.menuItem {
padding-right:10px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background-color: #abd0e5;
border-width: 1px;
}

.menuItem a:link {
padding-right:10px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background-color: #abd0e5;
border-width: 1px;
}

.menuItem a:hover {
padding-right:10px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background-color: #9fc4d9;
border-width: 1px;
}

 

So the menu item background color is supposed to change when on hover, but it isn't working, my css isn't really what it should be  but umm.. yeah

[premiso]

Post where / how you are using the above items, IE the html tags.

[Gekk0]

I'm building up a menu like this:

 

<div class="menu">
<a href="index.php" class="menuItemSelected">Home</a> 
<a href="index.php?page=makebooking" class="menuItem">Request A Booking</a> 
<a href="index.php?page=bookingReq" class="menuItem">Booking Requests</a> 
<a href="index.php?page=bookings" class="menuItem">Manage Bookings</a> 
<a href="index.php?page=calendar" class="menuItem">Calendar</a> 
<a href="index.php?page=vehicles" class="menuItem">Vehicles</a> 
<a href="index.php?page=users" class="menuItem">Users</a> 
<a href="index.php?page=settings" class="menuItem">Settings</a> 
<a href="index.php?action=logout" class="menuItem">Logout</a> 
</div>

[haku]

You need either:

 

.menu a:hover

 

or

 

.menuItem:hover

[Gekk0]

Ah! perfect, cheers for your help mate!