Div appear inside an LI

Div appear inside an LI


I have a list of items and I want a box to drop down below a specific
item when clicked on.
    $('#memo li').click(function() {
        var dv = $(this).attr('id');
        $('#block'+dv).slideDown(500);
        return false;
    })
The CSS for that div layer is as follows:
display: none; width: 90%; height: 60px; position: absolute; border:
1px solid red; background-color: #fff;
Problem is if the div layer is inside the <li> then it screws it up,
if I put it below the list I would need to change the co-ordinates
(top and left).
Whats the best way to do this?