juery не работает в Google Chrom и Mozilla Firefox
 

jquery нормально работает в Эксплорре и Опере, и не работает в Mozilla Firefox и Google Chrom
Причем как-то выборочно. Слайдеры - это Jquery UI - они работают.
При наведении на окно должна появляться створка. Реализовано через jquery функцию css()

Код в студию.

Наведение вышки на любое окно (любую глухую створку) должно вызывать плавное изменение картинки (через fadeOut - fadeIn)
Картинка меняется функцией .css()

$('#td1').mouseover(function(){
    if($('#OneMars').css('background-image')=='url("http://www.bestwindows.kh.ua/images/pictures/1_gl.jpg")'&& $('#forOne').attr('value')=='gl')
      {
      $('#OneMars').fadeOut($sec, function() {
        $(this).css('background-image','url("http://www.bestwindows.kh.ua/images/pictures/1_prav.jpg")').fadeIn($sec); }); 
      }
});

HTML-код на странице таков:

<table border="0" id="OneMars"> <!-- Одинарное окно на фоне таблицы -->
      <tr>
      <td id="td1"></td>
      </tr>
     </table>

Подхожу к решению проблемы.
А проблема именно в том, что только GoogleChrom интерпритирует $('#OneMars').css('background-image') - без кавычек внутри скобок. Все другие браузеры - с кавычками.
Но теперь вопрос.
Как прописать условие, чтобы было понятно и для GoogleChroma в том числе?
Если убрать кавычки в скобках (перед http и после .jpg) - то это событие будет наступать для GoogleChrom, но для других браузеров - нет.
Сейчас же, с кавычками, для всех браузеров понятно, кроме GoogleChrome.
В данном случае проблема именно в браузере GoogleChrom - в том, как он интерпретирует параметр.
Но как прописать условие, понятное для всех браузеров, в том числе и для GoogleChrom?

Или css прописать универсально для всех браузеров.
Сейчас так:
Или в условии использовать String.indexOf()
но я пока не знаю как.

Решение найдено.
if($('#OneMars').css('background-image').indexOf("1_gl.jpg")!=-1)

Теперь при наведении картинка пропадает.
Во всех браузерах.

Код такой:
В чем может быть проблема?