S2, Flexible squares, конфликт браузеров
Конфликт. Здесь: http://oooiio.livejournal.com/
В Мозилле и Опере все просто ням-ням, именно так, как и должно быть. В Google Chrome #content поднимается вверх на один пиксель, в Safari сдвигается влево и вверх на все тот же один пиксель. IE7 с Макстоном - вообще ахтунг - 16 вверх и один влево. Ну, тут в общем-то понятно, почему именно 16... каким образом можно прописать код для эксплорера? И как бороться с остальным?
И можно ли вообще бороться или остается только смириться?
Скрины: Мозилла, Google Chrome, IE7
body {background: #131714 url(http://i262.photobucket.com/albums/ii82/oooiio/Autumn__by_Capra_ibexnew.jpg) fixed center top no-repeat;}
a, a:visited {
color: #fffdd1;
font-family:"Century Gothic", Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none !important;}
a:hover {
color: #f9d026;
font-family:"Century Gothic", Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none !important;}
p, td, blockquote {font-size: 10px;}
code, kbd, pre, tt {font-family: monospace;}
#content {background: url('http://i262.photobucket.com/albums/ii82/oooiio/page-t.png') repeat-y;
width:660px;
margin-left: auto;
margin-right: auto;
position: relative;
border-width: 0px;
top: -15px;
left: 135px;}
#maincontent {
margin-top: 15px;
font-family:"Century Gothic", Verdana, sans-serif;
font-size: 11px;
color: #1f1600;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
text-align: justify;}
#header {
width: auto;
font-family:"Century Gothic", Verdana, sans-serif;
font-size: 11pt;
font-weight: normal;
color: #fffdd1;}
div.headerimage{
background: url('http://i262.photobucket.com/albums/ii82/oooiio/extratop-2.png') no-repeat top center;
height:406px;
}
