Menu na obrazku

KOD CSS
a.sok:link, a.sok:visited {display:inline-block; background:#333; color: #c69fad; width:94px; margin-bottom:1px; font-family:arial; font-size:10px;font-family:calibri;text-transform:uppercase;; text-align:center;; letter-spacing:1px; margin-right:-2px;cursor:pointer; padding:1px;padding-top:2px;padding-bottom:2px;  -webkit-transition-duration: 0.6s;-moz-transition-duration:1s;opacity:0.9;}
#HTML1 img {border:1px solid #222;padding:16px;}
.soki {z-index:99999;bottom:10px;padding:20px;position:absolute;}

KOD HTML
<img src='http://funkyimg.com/i/WYUd.png'/>
<div class='soki'><a class='sok' href='###'>Link 1</a>
<a class='sok' href='###'>Link 2</a>
<a class='sok' href='###'>Link 3</a>
<a class='sok' href='###'>Link 4</a></div>