Перевёрнутый текст не работает

[vladimircape]

Вот сделал стиль для ссылки в div, везде сработало ,а в Google Chrome не хочет , и именно почему-то на тэга <a> , если простои id то будет перевернут

в чем может быть причина

#topnav a{

background:#88bbd4;

padding:4px 6px 6px;

text-decoration:none;

font-weight:bold;

color:#fff;

-webkit-border-radius:4px;

-moz-border-radius:4px;

border-radius:4px;

*background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;

*padding:4px 12px 6px;

-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

transform: rotate(-90deg);

filter: progid:DXImageTransform.Microsoft.Matrix(

M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, sizingMethod='auto expand');

zoom: 1;

}

[Softlink]

Добавьте для a display:block;. В Хроме трансформы работают только для блочных элементов.

[vladimircape]

Добавьте для a display:block;. В Хроме трансформы работают только для блочных элементов.

А где можно почитать про особенности разных браузеров, все уроки обычно рассказывают о типовых вещах.