Я пытаюсь всплыть <button> вправо.<button> находится за пределами <form>, но находится на той же строке.По какой-то причине это не работает в FF.Я сделал красный цвет фона формы и обнаружил, что <button> все еще находится в <form> в FF, хотя его нет!Любой другой браузер работает нормально, <button> отсутствует в скриншоте <form>.
: (слева - хром ..., с http: //, справа - Firefox
альтернативный текст http://img375.imageshack.us/img375/3824/ffchrome.png
HTML:
<form>
<input type="url" placeholder="http://" />
<input type="submit" value="Crypt" />
</form>
<button type="button"> ? </button>
CSS: (взял ненужный код)
section.crypter {
padding: 25px;
}
section.crypter form {
display: block;
float: left;
background: red;
}
/* Input */
section.crypter input[type="url"] {
border:1px solid #666;
color: #939393;
font: italic bold 1.7em Verdana, Arial, Serif;
outline: 0;
padding: 10px 10px;
width: 240px;
}
section.crypter input[type="submit"] {
border:1px solid #666;
color: #000;
font: 2em Verdana, Arial, Serif;
margin:0 0 0 -10px;
padding: 8px 20px;
}
section.crypter input[type="submit"]::-moz-focus-inner {
border: 0;/* Firefox hack */
}
section.crypter button {
display: block;
float: right;
padding: 10px 25px;
}