creating a marker on an image

creating a marker on an image

hi all,
i am trying to create some markers on an image to point some options. I would like to emulate the same shape as google marker balloon, but i dont know if its possible to create using just css and javascript or not.

i have created a function which creates a rectangular div on the image when we click on the image. but i want its shape to be like a water drop, as it is much more better to see and figure out what it is pointing to.


so can anyone or you tell me if its possible or not, or do i have to use images for this?