Добиться кроссбраузерности обычными средствами CSS бывает не так то просто. В таких случаях можно воспользоваться CSS хаками. CSS форматирование элемента страницы с жестким указанием браузера для которого производится это форматирование. Для каждого браузера есть свои CSS хаки, так что можно добиться абсолютной кроссбраузерности.
для Internet Explorer:
.class { *color: #368EF1; } /* для Internet Explorer 6-7 */
.class { _color: #368EF1; } /* для Internet Explorer 6 */
*+html .class { color: #368EF1; } /* для Internet Explorer 7 */
*:first-child+html .class { color: #368EF1; } /* для Internet Explorer 7 */
@media all and(min-width:0){.class{ color:#368EF1; } /* для Opera */}
html:first-child .class{ color:#368EF1; } /* для Opera */
для FireFox:
html:first-child .class{ color:#368EF1; } /* для FireFox */
.class, x:-moz-any-link { color:#368EF1; } /* для FireFox, но так же работает в Internet Explorer 7 */
