Подскажите по кроссбраузерной верстке !

[Nicolau]

Всем привет ! Подскажите пожалуйста как исправить дизайн написанный "кривыми руками" ! Проблема в следующем (см.скриншот http://upwap.ru/2852435)

данный класс имеет вид :

.cat

{

background: #f8fbfd url(img/logo.gif) repeat-x;

padding: 10px;

padding-bottom: 3px;

text-align: center;

color: #3990d8;

}

.arrow

{

background: url(img/arrow.png) right no-repeat;

width: 16px;

height: 16px;

padding-right: 96%;

}

Уместить это нужно все в :

body

{

font-size: 10pt;

font-family: tahoma, arial;

max-width: 400px;

background: #a8d2e5 url(img/bg.png) top repeat-x;

margin: 0px auto;

padding: 5px;

cursor: default;

}

исходный код :

<div class="cat" style="padding-bottom: 10px;">

<a href="/android/article.php?id_catalog=8&id_position=14&page=0">

<div class="arrow" >

Как перенести контакты из аккаунта телефона в аккаунт Google?

</div>

</div></a>

[Whatsup]

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