Я не верстальщик и никогда им не был, но периодически приходитсядобавлять разметку в существующую вёрстку. Есть катигория вёрсток, в которой добавления нового превращается в ад. А избежать этого в большинстве случаев очень легко.

Каждый браузер обладает своими багами-фичами и норовит отобразить элемент по своему. Бороться с этим не так трудно, если всё нужное было сделано на первоначальном этапе. Как заставить отображать одинково и не использовать видеье браузера? Нужно запретить отображать по своему и сказать как.

Итак запрещаем. ДЛя этого используем «ластик», который сбрасывает спорные моменты. В css прописываем:

* {magin: 0px; padding:0px; }

Так мы избавляемся от основной проблемы — разных отступов.

img {border: none; }

А так, фиксим отображение картинок.

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

Например, p {padding-left:10px;}, вроде удобно, но если затем придётся вставлять абзац без отступа, то сложно догадаться, а почему это отступ слева появился. Куда нагляднее p.paddingLeft10 {padding-left:10px;}

А ещё здорово помогают заготовки типо

pl10 {padding-left:10px;}
pr15{padding-right:15px;}

<p class="pl10 pr15">text</p>

Вот с таким минимумом куда приятнее иметь дело и скорость возрастает вразы.