Скачет фон

Здравствуйте уважаемые форумчане, я только обучаюсь, так что сильно не ругайте.
Делаю небольшой проект, точнее пытаюсь сделать.
Возникла такая проблема, что при наведении на многоуровневую строку, которая содержит в себе подменю, начинает "скакать" фон.
Код CSS

Код (Text):

1. @font-face {
2.     font-family: "radar";
3.     src: url('../font/Radar-Normal.eot');
4.     src: url('../font/Radar-Normal.eot?#iefix') format('embedded-opentype'),
5.     url('../font/Radar-Normal.woff') format('woff'),
6.     url('../font/Radar-Normal.ttf') format('truetype'),
7.     url('../font/Radar-Normal.svg#Radar-Normal') format('svg');
8.     font-weight: normal;
9.     font-style: normal;
10. }
11. @font-face {
12.     font-family: "naraw";
13.     src: url('../font/Arial-Narrow-Regular.eot');
14.     src: url('../font/Arial-Narrow-Regular.eot?#iefix') format('embedded-opentype'),
15.     url('../font/Arial-Narrow-Regular.woff') format('woff'),
16.     url('../font/Arial-Narrow-Regular.ttf') format('truetype'),
17.     url('../font/Arial-Narrow-Regular.svg#Arial-Narrow-Regular') format('svg');
18.     font-weight: normal;
19.     font-style: normal;
20. }
21. a{
22.     text-decoration:none;
23.     color: black;
24. }
25. p{
26.     margin: 5px;
27. }
28. html,body{
29.     padding: 0px;
30.     margin: 0px;
31.     font-family: "radar";
32.     font-size: 18pt;
33.     font-weight:normal;
34.     font-style: normal;
35. }
36. #header img{
37.     max-width: 100%;
38.     margin-bottom: -8px;
39. }
40. #context{
41.     background-image: url("../images/context.png");
42.     background-repeat: repeat;
43.     overflow: hidden;
44.     max-width: 100%;
45. }
46. #hide-context{
47.     margin-top:90px ;
48.     margin-bottom: 20px;
49. }
50. #footer img{
51.     max-width: 100%;
52. }
53. #block-context{
54.     margin-top: 50px;
55. }
56. .quotes{
57.     background-color: #e5ddc6;
58.     border-radius: 6px;
59.     margin: 8px;
60.     padding: 5px;
61. }
62. .link-text{
63.     font-size: 20pt;
64.     color: #7c6a54;
65. }
66. #navigation{
67.     margin: 0px;
68.     padding-left: 170px;
69. }
70. #navigation li{
71.     float: left;
72.     margin-right: 60px;
73.     display: block;
74.     position: relative;
75. }
76. #navigation li a{
77.     display: block;
78.     text-decoration:none;
79. }
80. #navigation ul{
81.     position: absolute;
82.     z-index: 10;
83.     left:-9999px;
84.     list-style:none;
85.  
86. }
87. #navigation ul li{
88.     margin-top: 5px;
89.     margin-left: -98px;
90.     float: none;
91.     background-repeat: repeat-x;
92.  
93. }
94. #navigation ul  a{
95.     width: 180px;
96.     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
97.     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
98.     box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
99.     text-align: center;
100.     color: black;
101.     padding: 4px;
102.     border-radius: 3px;
103.     font-size: 15pt;
104. }
105. #navigation li:hover  ul{
106.     padding-top:4px;
107.     left:0;
108.     opacity: 5;
109. }
110. #navigation li:hover a{
111.     text-decoration:underline;
112. }
113. #navigation li:hover ul a{
114.     text-decoration:none;
115. }
116. .link-menu{
117.     margin: 9px;
118.     text-decoration:none;
119. }

Где промах?