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

Tags: html,css

Problem :

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?

---

Solution :

See DEMO

.authTabs {
 cursor: pointer;
}

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