How can I make a DIV cursor and background color change if I hover over it?

Question

I have this HTML code:

<div class="authTabs">
   <div class="h2">Login</div>
   <div class="h2">Register</div>
</div>

I am using CSS. Can someone tell me how I can make it so that my cursor changes to a finger pointing and my background color changes when the Login or Register DIVs are hovered over?

Answer 1

See DEMO

.authTabs {
 cursor: pointer;
}

.h2:hover {
background-color: red;
}

Answer 2

Add this to your css definitions:

.h2:hover {
   cursor: pointer;
    background-color: red;
 }