Начал сегодня верстать шаблон для ВП и пришла в голову такая идея использования вложенных css селекторов. Писать цепочку выборки из 2 селекторов, а бывает и 3 (больше 3 очень редко) не совсем может быть экономично в отношении времени разработчика и износа клавиатуры ). Т.е. почему бы вместо:

Столкнулся с небольшой проблемой выравнивания текста в поле input в браузере Google Chrome. Во всех остальных браузерах поле отображается так, как я хочу. Но в Хроме происходит интересное явление, если посмотреть DOM инспектором в Хроме, то и стили вроде бы к элементу применились нормально, но текст отображается криво, он почему-то выходит за рамки элемента.

При верстке шаблона столкнулся с багом в браузере Opera. Указываю абсолютно спозиционированному элементу z-index больше, чем у основго блока. А у родителя есть рамка указанная с помощью outline. Рамка в Опере отображается поверх блока с указанным z-index. Выглядит это в Опере так: Как с этим бороться я не знаю. Придется наверное указывать border вместо outline.

Всегда долго искал информацию об expression в CSS, знал что это такое, но никогда не применял. Expression в CSS - это что-то вроде javascript кода, который пишется прямо в css файле, для оформления стилей и применяется для браузера internet explorer. Гадость еще та, но чтобы снова не искать как это делается решил себе в блок скопировать строчку кода width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto"); С помощью этого кода устанавливаем min-width и max-width в IE6. Остальное будет не сложно найти или придумать самому.