Своя кнопка из фотошопа на сайт, с ссылкой…

Лера Ефимова Лера Ефимова
18.07.2014
Код из html:
<div id="header">
<a href="http://www.socionika.info/test.html" target="blank">

<img class="knopka_test" src="images/knopka_test.png" alt="тест" title="Пройди тест и узнай свой тим" width: 150px height: 55px border: 0></a>

<form>

<input class="poisk" type="text" name="first_name" placeholder="Что ищем… ">

<button type="submit"></button>

</form>
</div>

Вообщем такая проблема, есть своя копка из фотошопа, эту кнопку сейчас при верстке сайта я поставила, НО произошла непонятная мне ошибка. При наведении мыши на нее (кнопку) высвечивается надпись "Пройди тест и узнай свой тим" как и должно быть, но вот эта надпись выходит за пределы кнопки, причем прилично, что делать? Ведь ниже кнопки у меня будет поиск и эта надпись мне будет мешать, не могу из-за нее на форму поиска нажать.

Mix-Fighter44 Mix-Fighter44
18.07.2014
Так и должно быть. Так всегда было и будет.

AliceAlice AliceAlice
18.07.2014
Может поменять размер кнопки?

Илларион Илларион
18.07.2014
Удали аттрибут title и не будет ничего всплывать. И у тебя CSS влеплен в HTML каким-то бесчеловечным способом - разберись в семантике HTML.

Иван Хромов Иван Хромов
18.07.2014
Title - отображает текст при наведении курсора.