css table td hover

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>untitled</title>
        <!--[if IE]>
                <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
<style>
body {background-color: #ccc;}
table.some_style td {
    background-color: #0f0;
}
table.some_style td:hover {
    background-color: #06c;
}
</style>
</head>
<body>
<table class="some_style">
    <thead>
        <tr>
            <th>column one</th>
                        <th>column two</th>
                                    <th>column three</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data one</td>
                        <td>data two</td>
                                    <td>data three</td>
        </tr>
    </tbody>
</table>
</body>
</html>