Кликабельный логотип средставми CSS

Необходимо сделать было для сайта чтобы логотип был кликабельный. Было найдено простое и эффективное решение.

Пишем в файле .html или в нашем случае index.php

 

<div  id="logo" >

            <a href="http://www.claba.com.ua" class="logo"> </a>

</div>

 

 

В файле css в нашем случае template_css.css

#logo{

display: block;

background: url(../images/logo.jpg) no-repeat;

width: 220px;

height: 40px;

padding: 0px 0px 60px 0px;

}

 

a.logo{

            display: block;

            width: 220px;

            height: 40px;

           padding: 0px 0px 0px 0px;

}