HTML помести внутри wrap div class dialog-more style position absolute

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
HTML, помести внутри #wrap:
<div class="dialog-more" style="position:absolute;z-index:1005;left:100px;top:100px;">
<ul class="actions no-bullets">
<li><a href="#">Share it</a></li>
<li><a href="#">Rotate image</a></li>
<li class="separator"><a href="#">Add description</a></li>
<li><a href="#">Delete image</a></li>
</ul>
<div class="dialog-bottom"></div>
</div>
Изменённый кусок CSS:
/* --- special --- */
.clear {clear:both;height:0;overflow:hidden;}
.shadow {position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;
filter: alpha(opacity=75);opacity: 0.75;-moz-opacity: 0.75;z-index:10;}
ul.no-bullets li {list-style-type:none!important;list-style-position:outside!important;}
.no-border {border:none!important;}
.right {text-align:right!important;}
.left {text-align:left!important;}
.center {text-align:center!important;}
/* --- lists --- */
ul.actions {color:#0063DC;margin:0;}
ul.actions li {list-style-type:square;list-style-position:inside;padding-left:0;
color:#0063DC;font-size:#93%;line-height:1.6;}
ul.actions li a {color:#0063DC;white-space:nowrap;}
ul.actions li a:hover {color:#DF510F;}
ul.actions li.separator {border-bottom:1px solid #ded8d0;padding-bottom:5px;}