Проблема с отображением левого фрагмента пункта меню при наведении мыши (CSS)

Здравствуйте помогите решить проблему уже все перепробовал,
есть главное меню на сайте 8 пунктов (http://tur-x.ru/), на локальном сервере все работало когда перемещал на хостинг,
а на хостинге при наведении на меню курсором не отображается левый фрагмент, как он должен отображаться можно посмотреть
при активной ссылке, и левый и правый фрагмент подгружаются нормально. Помогите все уже перепробовал не могу понять в чем дело.

За выведение этих фрагментов отвечает menu.css выкладываю код:

Код (CODE):

1. /*--------------------------- LAYOUT ----------------------------*/
2. #top-nav,
3. #top-nav ul {
4.     padding: 0;
5.     margin: 0;
6. }
7. #top-nav li { /* all list items */
8.     float: left;
9.     margin: 0;
10.     padding: 0;
11. }
12. #top-nav li ul { /* second-level lists */
13.     position: absolute;
14.     left: -999em;
15. }
16.  
17. #top-nav li ul ul { /* third-and-above-level lists */
18.     margin: -42px 0 0 209px;
19. }
20. #top-nav li:hover ul ul,
21. #top-nav li:hover ul ul ul,
22. #top-nav li.sfhover ul ul,
23. #top-nav li.sfhover ul ul ul {
24.     left: -999em;
25. }
26.  
27. #top-nav li:hover ul,
28. #top-nav li li:hover ul,
29. #top-nav li li li:hover ul,
30. #top-nav li.sfhover ul,
31. #top-nav li li.sfhover ul,
32. #top-nav li li li.sfhover ul { /* lists nested under hovered list items */
33.     left: auto;
34. }
35.  
36. /* -------- Top level -------- */
37. #top-nav ul.menu {
38.     margin: 0 auto; /* all lists */
39.     padding: 0 0 0 0px;
40.     float: left;
41.     border-right: none;
42.     height: 45px;
43. }
44. #top-nav ul.menu ul {
45.     margin: 0; /* all lists */
46.     padding: 0;
47. }
48.  
49. #top-nav ul.menu li {
50.     margin: 0; /* all list items */
51.     padding: 0;
52.     float: left;
53.     display: block;
54.     background: none;
55.     cursor: pointer;
56.     position: relative;
57.     list-style: none;
58. }
59.  
60. #top-nav ul.menu li ul,
61. #top-nav ul.menu li ul ul {
62.     width: 211px;
63.     position: absolute; /* second-level lists */
64.     z-index: 99;
65.     height: auto;
66. }
67.  
68. #top-nav ul.menu li ul ul {
69.     margin: -37px 0 0 210px; /* third-and-above-level lists */
70. }
71.  
72. #top-nav ul.menu li li {
73.     padding: 0;
74.     margin: 0;
75.     width: 211px;
76. }
77.  
78. /* using left instead of display to hide menus because display: none isn't read by screen readers */
79. #top-nav ul.menu li ul {
80.     left: -999em;
81. }
82.  
83. #top-nav ul.menu li.sfhover ul ul,
84. #top-nav ul.menu li.sfhover ul ul ul{
85.     left: -999em;
86. }
87.  
88. /* This "unhides" the sub-menus (left: -999em is what hides them) */
89. #top-nav ul.menu li.sfhover ul,
90. #top-nav ul.menu li li.sfhover ul,
91. #top-nav ul.menu li li li.sfhover ul{
92.     left: auto;
93. }
94.  
95. /* STYLING THE MENU
96. -----------------------------------*/
97. /* 1st level */
98. #top-nav ul.menu li a {
99.     margin: 0;
100.     padding: 0 15px;
101.     display: block;
102.     color: #FFF;
103.     font-weight: normal;
104.     line-height: normal;
105.     text-decoration: none;
106. }
107. #top-nav ul.menu li.parent a span{
108.     height: 45px;
109.     line-height: 45px;
110.     padding: 0 0px 0 0;
111. }
112. #top-nav ul.menu li a span{
113.     height: 45px;
114.     line-height: 45px;
115.     padding:0 0px 0 0;
116.     font-size: 14px;
117.     font-weight: normal;
118.     text-transform: none;
119. }
120. #top-nav ul.menu li {
121.     margin: 0 0 0 5px;
122.     padding-left: 5px;
123. }
124. #top-nav ul.menu li.sfhover,
125. #top-nav ul.menu li.active{
126.     background: url(../images/main_menu_active_left_bg.png) no-repeat left top;
127. }
128. #top-nav ul.menu li a:hover,
129. #top-nav ul.menu li.active a,
130. #top-nav ul.menu li.active a:hover,
131. #top-nav ul.menu li.sfhover a{
132.     background: url(../images/main_menu_active_right_bg.png) no-repeat right top;
133.     color: #7d200c;
134. }
135.  
136. /* 2nd level and above */
137. #top-nav ul.menu li.level1 ul{
138.     background: url(../images/submenu_top_bg.png) no-repeat;
139.     padding-top: 9px;
140. }
141. #top-nav ul.menu li.level1 ul ul{
142.     background: none;
143.     padding-top: 0;
144.     border-top: 1px #c7c7c7 solid;
145. }
146. #top-nav ul.menu li li{
147.     width: 210px;
148.     border-left: 1px #c7c7c7 solid;
149.     border-right: 1px #c7c7c7 solid;
150.     border-bottom: 1px #c7c7c7 solid;
151. }
152. #top-nav ul.menu li li,
153. #top-nav ul.menu li.level1 li.sfhover,
154. #top-nav ul.menu li.level1 li li.sfhover{
155.     background: #FFF;
156. }
157. #top-nav ul.menu li li a:hover,
158. #top-nav ul.menu li.active li a,
159. #top-nav ul.menu li.active li a:hover,
160. #top-nav ul.menu li.sfhover li a{
161.     background: none;
162. }
163. #top-nav ul.menu li.sfhover li.sfhover li a span,
164. #top-nav ul.menu li.sfhover li.sfhover li.sfhover li a span{
165.     color: #454545;
166. }
167. #top-nav ul.menu li.level1 li.sfhover a span,
168. #top-nav ul.menu li.level1 li li.sfhover a span,
169. #top-nav ul.menu li.level1 li li li.sfhover a span{
170.     color: #b62b00;
171. }
172. #top-nav ul.menu li.parent ul li a {
173.     margin: 0;
174.     padding: 0px;
175.     background: none;
176.     font-weight: normal;
177.     line-height: normal;
178.     text-transform: none;
179.     width:auto;
180.     display:block;
181.     cursor:pointer;
182. }
183. #top-nav ul.menu li.parent ul li a span{
184.     font-size:13px;
185.     height: auto;
186.     line-height: normal;
187.     font-weight: normal;
188.     padding: 10px 8px;
189.     display: block;
190.     background: none;
191.     text-transform: none;
192.     color: #454545;
193. }

 

#top-nav ul.menu li.sfhover,
#top-nav ul.menu li.active{
background: url(../images/main_menu_active_left_bg.png) no-repeat left top;

Вот этот фрагмент не выводится при наведении на ссылку мышью, с правым все нормально вот код правого:

#top-nav ul.menu li a:hover,
#top-nav ul.menu li.active a,
#top-nav ul.menu li.active a:hover,
#top-nav ul.menu li.sfhover a{
background: url(../images/main_menu_active_right_bg.png) no-repeat right top;
color: #7d200c;

На локалке все работает нормально.