how to show div below the link

[RFRichie]

Here every thing is working properly, Only the problem is the new_r_div is not showing below the \[code\] <a href="http://stackoverflow.com/questions/14574917/#">Response Request</a>'\[/code\]How to do this.You can see the code hereHTML:\[code\] <div id="response"> I found this to be a very nice solution. If you had floating children and non floating children, the height will automatically be adjusted to the min amount of space needed. The width is set to 100% to expand to thethis is a <a href="http://stackoverflow.com/questions/14574917/#">Response Request</a> <div class="new_r_div"> <ul> <li><a href="http://stackoverflow.com/questions/14574917/#" class="link" >Confirm</a></li> <li><a href="http://stackoverflow.com/questions/14574917/#" class="link" >Delete</a></li> </ul> </div></div>\[/code\]CSS:\[code\] .new_r_div{ position:absolute; width:100px; height:40px; background:#ccc; overflow: hidden; border: solid 2px #ccc; background: #99CCFF; z-index: 9999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; visibility: hidden;}#response:hover .new_r_div { visibility: visible;} .new_r_div li:hover{ background:red; }\[/code\]