wwt

http://jsfiddle.net/8sEJH/1/ достаточно просто прописать позиционирование без top.

добавить clearfix к примеру так http://jsfiddle.net/tEnzx/ ЗЫ и прочитать хотябы это http://designformasters.info/posts/clearing-float/

Да эт я чото на ночь глядя не о том подумал =) твой вариант наверно единственно верен будет в данном случае. PS яб сделал так http://jsfiddle.net/TJraL/4/ =)) Без замарочек и кроссбраузерно.

Что-то типо вот таких граблей http://jsfiddle.net/TJraL/3/ тока под браузеры понимающие css3, а лучше это сделать на JS.

афигеть....респект! то, что нужно! Спсибо большущее!!! а как насчет кроссбраузерности? ие6 идут лесом, а остальные как? ff, chrome последних версий покажут как надо ie8-9 тоже ie7 покажет все кроме before/after (то есть не будет закругленных частей их тупо обрежет) если нужна кроссбраузерность для мамонтов, лучше это меню сверстать блоками заменив li a :before : after на блочный вариант или табличный

http://jsfiddle.net/4sJYM/10/ как то так, возможны баги потести.

Если это inline элемент, как в предыдущем примере то он выравнивается text-align у родительского элемента пример http://jsfiddle.net/4sJYM/4/, если же это блочный элемент то придется задать ему ширину и сделать так http://jsfiddle.net/4sJYM/5/

больше похоже на баг. Viper верно написал, при float у btn почему-то плюсует padding-bottom у main с margin-bottom у text.

http://jsfiddle.net/4sJYM/3/ с картинками

Самое простое использовать тег: <marquee>тут что угодно: картинки, текст, html...</marquee> Направление, скорость движения настраивается атрибутами тега. ЗЫ Тег не входит ни в одну спецификацию HTML и соответственно не пройдет валидацию, но работает во всех браузерах.

Можно приинклюдить отдельным файлом. Если 3 css файла прицепить одновременно то работать будут все 3 одновременно по принципам CSS. Как вариант можно сделать 1 файл классов но разные классы родителя, с помощью JS смотреть разрешение экрана и применять разные стили к примеру: js (вставляем в head, можно отдельным файлом прицепить) <script> //вставляем в тег body соответствующий класс (function(){ document.body.className += "css" + screen.width; })() </script> css и теперь везде добавляем по типу: <style> .css800 div {...} .css800 .myclass {...} .css800 #myid {...} .css800 p.myclass span li {...} .css1024 div {...} .css1024 .myclass {...} .css1024 #myid {...} .css1024 p.myclass span li {...} .css1280 div {...} .css1280 .myclass {...} .css1280 #myid {...} .css1280 p.myclass span li {...} </style> PS Это грабли жуткие. Потому что есл иты будеш подстраиваться под разрешения разных мониторов как ты говоришь, или под разные разрешения монитора, то когда пользователь изменит размер окна браузера у тебя все поплывет. PSPS Делай резиновый дизайн и будет тебе счастье.

jQuery http://jsfiddle.net/ZUwc8/21/ Mootools http://jsfiddle.net/ZUwc8/5/