Ошибка в firefox

[ckunep]

Здравствуйте, не получается сверстать страницу в firefox. Подскажите, пожалуйста, в чём дело. Мне кажется, что ошибка в firefox, так как в опере и ie вёрстка встала как надо.

<!--  html  -->
<div class="window">

 <div class="caption">
  <div class="corner-left"> </div>
  <div><span>Authentication</span></div>
  <div class="corner-right"> </div>
  <div class="clr"></div>
 </div>

 <div class="content">
  <form>

   <div class="input">
    <label>Username</label>
    <input type="text" />
    <div class="clr"></div>
   </div>

   <div class="input">
    <label>Password</label>
    <input type="password" />
    <div class="clr"></div>
   </div>

  </form>
 </div>
 <div class="basement">
  <div class="corner-left"> </div>
  <div class="corner-right"> </div>
  <div class="clr"></div>
 </div>
</div>

<!--  css  -->
body.office div#auth-content div.window div.content
{
 border-style: solid;
 border-width: 1px 1px 0 1px;
 font-size: 12pt;
 padding: 15px 10px;
}
body.office div#auth-content div.window div.content div.input + div.input
{
 margin-top: 250px;
}
body.office div#auth-content div.window div.content div.input label
{
 display: block;
 float: left;
 margin-top: 2px;
 width: auto;
}
body.office div#auth-content div.window div.content div.input label:after
{
 content: ":";
}
body.office div#auth-content div.window div.content div.input input
{
 border: 1px solid;
 font-family: "Courier New", monospace;
 font-size: 10pt;
 float: right;
 padding: 2px 4px;
 width: 55%;
}

В результате первый блок div.input смещается вниз вместе со вторым.

[Modestes]

простите, а что это такое? div.input + div.input

смещается возможно из-за margin-top: 250px;

[ckunep]

простите, а что это такое? div.input + div.input

Соседние селекторы

Edited June 27, 2012 by ckunep

[Modestes]

не легче написать сразу .input{...}

зачем такие длинные обращения?

к примеру

body.office div#auth-content div.window div.content div.input + div.input

можно записать так .input

так же и для остальных элементов.

вы ведь прописали классы для тегов, так и обращайтесь напрямую к этим классам.

приведенный вами код CSS не работает имеется только разметка HTML

Edited June 27, 2012 by Modestes

[Catherine]

Ошибка не в FF, а в верстке.

http://jsfiddle.net/zdn2z/1/

Edited June 27, 2012 by Catherine