JQuery FadeTo проблема в IE8 при исчезновении из непрозрачности CSS 0
Использование FadeTo для воздействия на содержимое моих сайтов (#right_pane). Я установил непрозрачность 0 для элемента в моем файле CSS:
#right_pane {
font-family: helvetica,Trebuchet MS,sans-serif;
border: 0;
width: 746px;
float: left;
margin: 0;
padding: 65px 0 0;
position: relative;
min-height: 550px;
right: 280px;
opacity: 0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
/* IE 6,7 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
и я использую функцию jquery для fadeTo:
$(document).ready(function(){setTimeout(function(){$("#right_pane").fadeTo(1500,1)},750)});
Кажется, что функция исчезает из фактического элемента (#right_pane), но все остальные дочерние элементы прозрачны (непрозрачность 0?), А заголовок @ font-face искажается, как будто он удвоен или что-то в этом роде. Я знаю, что это проблема, потому что когда я удаляю непрозрачность 0 и функцию fadeTo, все отображается нормально. Также, даже если контент виден без установленной прозрачности, но я запускаю функцию fadeTo, проблема все еще возникает.
Обратите внимание, что я использую актуальную версию IE8 на старом ноутбуке для тестирования, и это не происходит при изменении режимов браузера для тестирования. Это делает довольно трудным тестирование, если у вас нет подобной настройки.
вот ссылка на тестовую страницу:
http://www.diysoakwells.com.au/index.html
На всех браузерах и версиях, кроме IE8, работает нормально.
Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.
Любые идеи о том, как я могу это исправить?
С уважением, Джейми