Проблема с ссылками в Chrome

[Trayanez]

Столкнулся с такой проблемой уже второй раз.

Код примерно такой

       <a href="#"><div class="head-left">проектно-строительная компания</div></a>

в стилях прописываю

       .head-left a{
	     text-decoration:none;
        }
       .head-left{
	   background:url('img/logo.png') no-repeat;
	   height:60px;
	   padding:5px 0 0 160px;
	   float:left;
	   color:#fff;
	   text-decoration:none;
       }

все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет видно синее подчеркивание, которого не наблюдается при входе с другого браузера. Подскажите, может кто то уже боролся с этой проблемой!!

[zSpx]

.head-left a{
text-decoration:none;
}

Вы же смотрите к чему свойства применяете...

[Trayanez]

.head-left a{
text-decoration:none;
}

Вы же смотрите к чему свойства применяете...

проблему решил, спасибо этот намек мне дал почву для размышлений.

<div class="header"><a href="#"><div class="head-left">проектно-строительная компания</div></a></div>

в стилях попробовал дописал

.header a{text-decoration:none;}

проблема исчезла, пасиб

Edited October 24, 2011 by Trayanez

[Great Rash]

<div> нельзя вставлять в <a>

[Searcher]

да уж, блочный внутри строчного - ужас!