I'm building a context menu component using jQuery that essentially builds a div **programmatically** and then shows it at the coordinates specified by the user. Everything is set except that i'm just not able to position the div at the co-ordinates. It appears at the top left corner of the window. This is what i'm trying

```
$(menu).css({ location: 'absolute', left: '300px', top: '250px' }).appendTo("body").show();

```

300px and 200px are hardcoded now but will be calculated using input supplied by the client code in reality.
I have even tried appending it to an element inside the body like:

```
$(menu).css({ 'location': 'absolute', 'left': '300px', 'top': '250px' }).appendTo($('div#cntnr')).show();

```

But nothing is working. 
It shows at the top left corner of the browser and NOT at what is specified.
jQuery gurus, pls help.