Float-ване на бутон

[lub4o]

Здравейте, имам една логин форма и под двете полета един бутон, искам да кача бутона от страни на двете полета тоест да стане така

Пробвах така но не стана

html

<div class="lubobg">
<form action="" method="post">
<p>Потребител: <br /><input type="text" name="username" /> <br />
Парола:<br /> <input type="password" name="password" /> <br />
<input type="submit" name="submit" value="Влез" class="buton" /></p>
</form></div>

css

div.aroug{
width: 225px;
float:left;
}

input.buton{
float:right;
width: 50px;
height: 50px;

}

 

[oveRLuckEd]

само html-a направи така
<div class="aroug">
<form action="" method="post">
Потребител: <br /><input type="text" name="username" />
<input type="submit" name="submit" value="Влез" class="buton" />
Парола:<br /> <input type="password" name="password" />
</form></div>

 

[lub4o]

Става обаче под IE..

Explorer

Firefox

 

[oveRLuckEd]

<div class="aroug">
<form action="" method="post">
<p>Потребител: <br /><input type="text" name="username" />
<input type="submit" name="submit" value="Влез" class="buton" /></p>
<p>Парола:<br /> <input type="password" name="password" />
</p>
</form></div>