 			mousePosition.y -= (mousePosition.y + contextSize.height) - browserSize.height
 
 		# Set position
-		$('.contextContainer .context').css
+		basicContext._dom().css
 			top:		"#{ mousePosition.y }px"
 			left:		"#{ mousePosition.x }px"
 			opacity:	1
 
 		# Close fallback
-		fnClose = context.close if not fnClose?
+		fnClose = basicContext.close if not fnClose?
 
 		# Bind click on background
-		$('.contextContainer').click fnClose if fnClose?
-		$('.contextContainer').click context.close if not fnClose?
+		basicContext._dom().parent().click fnClose				if fnClose?
+		basicContext._dom().parent().click basicContext.close	if not fnClose?
 
 		# Bind click on items
-		context._bind row for row in data
+		basicContext._bind row for row in data
 
 		# Do not trigger the default action of the event
 		e.preventDefault()


	_bind: (row) ->

		$(".contextContainer td[data-name='#{ encodeURI(row.title) }']").click row.fn

	show: (data, e, fnClose) ->

		# Build context
		$('body').append context._build(data)
		$('body').css	'overflow', 'hidden'

		# Get info to calculate position
		mousePosition	= context._getPosition(e)
		contextSize		=
			width:	$('.contextContainer .context').outerWidth true
			height:	$('.contextContainer .context').outerHeight true
		browserSize		=
			width:	$('html').width()
			height:	$('html').height()


		item = (row) ->

			return '' if not basicContext._valid row

			span = "<span class='#{ row.icon }'></span>"
			span = '' if row.icon is ''
