Съезжает блок в Google Chrome

[Diman410]

После вёрстки возникла проблема: когда первый раз заходишь на сайт через chrome - блок съезжает. Нажимаешь обновить и всё становится на свои места. В остальных браузерах всё норм (даже в IE7). В чём может быть проблема?

Вот html код:

<div id="header">
<img id="site_name" src="/img/site_name.jpg" width="465" height="51">
<div id = "reg">
<form>
<p align = "center" id = "input">Вход</p>
<p id="surename"><input type="text" placeholder="Фамилия"></p>
<p id="password"><input type="password" placeholder="№ читательского"></p>
<input type="image" class="login" src="/img/login.jpg">
<a href="" class="login"><img src="/img/reg_help.jpg" height="24" width="36" border="0"></a>
</form>
</div>
</div>

И css код:

#header{
border-radius:15px;
height:150px;
margin:10px 0;
padding:0;
background:url(/img/logo.png) no-repeat;
border-bottom:1px solid blue;
}

#site_name{
margin:1% 0 0 25%;
width:465px;
}

#reg{
display: inline;
position: absolute;
margin:0 38px;
padding:0;
width:200px;
border-radius:10px;
border:2px solid #637dec;
background:url(/img/reg.jpg) repeat-x;
}

#reg form{
margin:0;
}

#input{
color:#ffffff;
font:110% Tahoma serif;
margin:3px 0 0;
}

#surename{
padding:0;
margin:15px 0 5px;
text-align:center;
}

#surename input{width:85%;}
#password input{width:85%;}

#password{
padding:0;
margin:5px 0;
text-align:center;
}

.login{
height:24px;
padding:0 0 0 13px;
}

[Diman410]

Разобрался сам. Просто написал

display: inline;

прямо в DIV'е, и всё встало на свои места. Почему не работает когда пишешь в файле css не пойму. Может кто подскажет?

[li4e]

Может из кэша css был загружен?

Попробуйте убрать то что добавили, очистите кэш и проверьте!

Edited April 21, 2013 by li4e