проблемма с позиционированием

Ребята, если кто хорошо разбирается в css, помогите пожалуйста.


Сделал к картинкам всплывающие подсказки при наведении.
При выводе картинок во второй ряд, при наведении на картинку в первом, всплывающая подсказка показывается за картинками...
Проблемма с позиционированием, я уже все испробовал.

вот скриншот -

Код (Text):

1.  
2. <span id="gift_nav">
3. <li class="gift_ui">
4. <div><a href="#" onClick="return false;"><img src="/img/podarok/min/1.png" /></a></div>
5. <ul>
6. <li style="margin-left:9px; margin-top:5px; margin-bottom:3px; margin-right:9px;">
7. <img src="/foto_user/invisible.png" width="80px" height="80px" class="giftUimg" /><div style="padding-top:6px; margin-bottom:6px; color:#0261bf;">Даритель пожелал остаться неизвестным</div>
8. <div class="clear"></div>
9. </li>
10. </ul>
11. </li>
12. </span>

Код (Text):

1. .gift_ui{
2.     position: relative;
3.     display:  block;
4.     float:    left;
5.     padding-left: 9px;
6.     padding-right: 9px;
7.     padding-bottom: 6px;
8.     padding-top: 2px;
9.     width:48px;
10.     border: 1px solid transparent;
11. }
12. .gift_ui:hover{
13.     border: solid 1px #bdc6d7;
14.     -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
15.     -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
16.     box-shadow: 0 1px 3px rgba(0,0,0, .3);
17.     -moz-border-radius:    32px;
18.     -webkit-border-radius: 32px;
19.     border-radius:         32px;
20. }
21. #gift_nav ul a:hover {
22.     color: #f07400 !important;
23. }
24. #gift_nav li:hover > ul {
25.     display: block;
26. }
27. #gift_nav ul {
28.     display: none;
29.     width: 245px;
30.     position: absolute;
31.     top: 39px;
32.     left: 0;
33.     border: solid 1px #bdc6d7;
34.     -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
35.     -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
36.     box-shadow: 0 1px 3px rgba(0,0,0, .3);
37.     background-image: url(../img/bg_set.png);
38.     background-repeat: repeat;
39.     -moz-border-radius:    7px;
40.     -webkit-border-radius: 7px;
41.     border-radius:         7px;
42.     margin-top: 18px;
43.     text-shadow: 0 1px 1px rgba(0,0,0, .1);
44. }

 

тут наглядно - http://jsfiddle.net/serj011/HcYd7/

отзовитесь пожалуйста

 

runcore, отлично, спасибо огромное. жалко что только z-index в старом ie не работает