Código css para mostrar un menu lateral con resaltado y clickable en toda su extensión

La técnica se basa en:

1.  Usar una capa div como contenedor
2. Crear dentro de la capa enlaces href que se corresponderán con cada una de las filas del menú
3.  El uso dentro de la hoja de estilo de display: block en el div
4. Anidar el estilo de los enlaces al div (#left_menu a.sub)
5. Distinguir con background-color en los estilos asociados a los  estados de los enlaces (hover)

<style>
#left_menu a {
  display: block;
  color: black;
  text-decoration: none;
}

#left_menu a.sub {
  background-color:blue;
}

#left_menu a.sub:hover{
  background-color: red;
}
</style>
<div id=”left_menu”> 
<a href=”#” mce_href=”#” class=”sub”> Models</a>  
<a href=”#” href=”#” class=”sub”>Models 2</a>
<a href=”#” href=”#” class=”sub”> Models 3</a>  
<a href=”#” href=”#” class=”sub”>Models 4</a>

</div>

Este es el resultado