В разных браузерах меню выглядит по разному

[yaneka]

Уважаемые участники форума! Подскажите, в чем может быть проблема. Я делаю сайт на джумле, пока на локалхосте. У меня выпадающее меню из шаблона Sparky, вот тут есть видео про это меню http://www.youtube.com/watch?v=qX-t38NsQUk

Но суть не в этом, ничего волшебного в этом меню нет, css коды те же. Дело в том, что я стала менять там кое-что в кодах, чтобы получить задний бекграунд у пунктов меню в виде картинки, которая при наводе меняется. И все бы ничего, но дело в том, что при проверке на четырех ведущих браузерах в Интернет Эксплорер 9 и Мозилла меню выглядит как изначально задумывалось, вот на картинке видно, что происходит при наводе на пункт



А в Яндекс браузер и Гугл Хром задний фон становится прозрачным! И вообще нонсенс - текст ссылки не меняется на цветной! Вот как тут



Это я еще не тестировала в Опере. Что делать? Из-за чего может это быть и какими "костылями" лечится? Вы сталкивались с подобным поведением выпадающего меню?
На какой браузер в первую очередь вы ориентируетесь, когда тестируете свой сайт? Или одну и ту же страницу открываете сразу в 4-5 сразу при ее создании? И жмете все время на F5?

 

[npofopr]

Выложили бы вы код меню например на http://jsfiddle.net
Я делаю все в Хроме, потом проверяю во всех остальных браузерах.