Такой код: <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/photon.css" /></head><body><form > <input/> <input/> <input/></form><div style="border-top: 1px solid black;" ></div> <!-- РАЗДЕЛИТЕЛЬ --><div> <span> ТЕСТ </span> <div class="test"> ТЕСТ 2 </div> </div></body></html>.test {float: right;}Проблема заключается в следующем, div с текстом "ТЕСТ 2" в FireFox отображается на одной строке с div'ом с текстом "ТЕСТ", а в Chrome и Opera почему-то съезжает на одну строку вниз. Методом исключения (постепенно поудалял все лишнее со страницы) я обратил внимание связь этого с формой состоящей из трех inputo'в, если удалить хоть один инпут или всю форму, то второй div возвращается на ту же строку что и первый, но как это может быть связано? Я просто ума не приложу. Вторую странность я обнаружил когда хотел перенести все стили в html-файл, чтобы вам было удобней читать код. В общем, если перенести из внешнего файла свойство float прямиком в тег div'а (<div style="float: right;">) то div тоже начинает отображаться на нужной строке, но как только я опять пытаюсь подключить стиль из внешнего файла, то он опять съезжает. Объясните, это я идиот или это какой-то баг? Файлы не стал помещать в архив чтобы никто не боялся что там вирус, поэтому скачайте отдельно: html: http://rghost.ru/53262091 css: http://rghost.ru/53262102
