[/quote]
Сохранил и просмотрел этот сайт. Многое осталось не понятным. В css через каждые 2-3 строки идет хак для браузера. Какой бы не был макет сайта я например вставляю в начало css следующее:
Код:
/*Сброс DEFAULT*/
html, body {border:0;margin:0;padding:0;margin:0;padding:0;****width:100%;height:100%;}
body {font:100%/1.25 Arial, helvetica, sans-serif;margin:0;padding:0;width:100%;height:100%;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1 {padding:30px 0 25px 0;letter-spacing:-1px;font-size:2em;}
h2 {padding:20px 0;letter-spacing:-1px;font-size:1.5em;}
h3 {font-size:1em;font-weight:bold;}
p, ul, ol {margin:0;padding:0 0 1.25em 0;}
ul, ol {padding:0 0 1.25em 2.5em;}
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
small {font-size:0.85em;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
form {margin:0;padding:0;display:inline;}
input, select, textarea {font:1em Arial, helvetica, sans-serif;}
textarea {width:100%;line-height:1.25;}
label {cursor:pointer;}
table {border:0;margin:0 0 1.25em 0;padding:0;}
table tr td {padding:2px;}
#wrap {width:960px;margin:0 auto;}
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.wrap { width:960px;margin:0 auto; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
И после этого никаких хаков не использую все отображается одинаково во всех браузерах. За исключением 1-2 хака для IE и то если верстка сложная.
Извините за критику. :blush2: