Diman410

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

После вёрстки возникла проблема: когда первый раз заходишь на сайт через 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; }