HTML+CSS+JavaScript

<style> .link{ width:120px; height:20px; line-height:20px; vertical-align:middle; } .link a { display:block; width:100%; height:100%; } </style> <div class="link"><a href="#">Текст</a></div>

Подскажите, как такое сделать блок див взятый в рамку сделать ссылкой при наведении мышкой. Чтоб именно когда наводишь на фон и на текст в этом блоке диве и текст и фон ссылались на что-то одно.