html + css в разных браузерах

[kom-pik]

День добрый. Создал таблицу на сайте http://www.pelekan.ru/main/City_adventures_in_Moscow,

http://jsfiddle.net/LFXyj/

Проблема в том, нормально отображается только в firefox, в opera и chrom таблица не вся цветастая, а в IE вообще ужас.

Как решить проблему, что нужно добавить?

[Softlink]

Я так понимаю разница в цветах бордеров? У вас они выставлены только для ФФ.

[kom-pik]

Ага, а как для других браузеров прописать?

В IE ячейки таблицы вообще не корректно отображаются, разные размеры

[Softlink]

Ага, а как для других браузеров прописать?

В IE ячейки таблицы вообще не корректно отображаются, разные размеры

Как для ФФ прописывали, так и для остальных делайте.

[kom-pik]

Понял, разобрался. Переделываю стили

[kom-pik]

Что мне прописать чтобы IE это код воспринимал?

<style type="text/css">
#text
 {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
 }
	</style>

Edited October 21, 2011 by kom-pik

[kom-pik]

Что мне прописать чтобы IE это код воспринимал?

<style type="text/css">
#text
 {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
 }
	</style>

Добавил в этот код еще

writing-mode: tb-rl;
    width: 70px;
	margin: 10px;

IE стал отображать текст вертикальным, но слова читаются сверху в низ, а мне нужно снизу в верх.

Подскажите как сделать?

Edited October 21, 2011 by kom-pik