О блочном с блочными элементами внутри и {text-decoration: underline}
Очень интересно ведёт себя IE6 (и ниже, очевидно), когда делаешь ссылку блочным элементом, внутри у которого есть ещё несколько блочных элементов, у которых в свою очередь есть float в свойствах. Ну что-то типа happy. Картинка там влево выровнена, текст вправо, при отработке ховера у картинки бордер должен меняться, у текста подчёркивание. В теории. На практике же, по какому принципу там отрабатвыаются ховеры, я так и не понял, да собственно и не пытался - нельзя понять непостижимое :) Однако выглядело это забавно - при наведении мышки, бордер картинки окрашивался в другой цвет как и надо, но таким и оставался навсегда, даже когда мышь уходила с блока. Текст подчёркивался вообще без особых закономерностей.
После плясок с бубнами обнаружилось решение - ссылку тоже надо делать float!
Так же обнаружилась ещё одна интересная особенность, а именно - свойство text-decoration у ссылки магическим образом накладывается на все внутренние элементы. То есть если указать:
a
{
text-decoartion: none;
}
a:hover span
{
text-decoration: underline;
}
то при наведении мышки получишь кукиш с маслом а не подчёркнутый span.