Colorear celdas al pasar el cursor por encima y al hacer click.

[deibiz1]

Yo he conseguido esto xD, no es exactamente lo que buscas pero se acerca:

Código:

<ul id="menu">
    <li id="A">
        <p>A</p>
    </li>
    <li id="B">
        <p>B</p>
    </li>
    <li id="C">
        <p>C</p>
    </li>
    <li id="D">
        <p>D</p>
    </li>
</ul>

Y el css

Código:

ul#menu{
    list-style:none;
}

ul#menu li{
    float:left;
    background:#ccc;
    border:1px solid #000;
    width:60px;
    height:40px;
    text-align:center;
}

ul#menu li p{
    text-decoration:none;
}

ul#menu li p:hover{
    background:#fff;
}