Tooltip position in Google Chrome

[voodoochild]

Hi,

I'm using qTip to create overlays for an interactive map. The content is rendered on the page in hidden divs which are then used to fill the content in for the tooltips. The tooltips are tied to areas on an image map.

Here is the JavaScript that I'm using. There is also a few lines of code to disable the default click behaviour, but that didn't have any affect on the positioning when disabled.

JS Code

getLabel: function(area) {
	var id = $(area).attr('id');
	id = id.split('_');
 
	return $('#' + id[0] + 'Label_' + id[1]);
}
 
var areas = $('.image-map-area'), $this, popup;
areas.each(function() {
	$this = $(this),
	popup = getLabel($this);
	$this.qtip({
		content: popup.html(),
		show: { delay: 0 },
		hide: {
			when: 'mouseout',
			fixed: true
		},
		position: {
			corner: {
				target: 'topLeft',
				tooltip: 'bottomRight'
			}
		},
		style: {
			background: 'black',
			border: {
				width: 1,
				radius: 5,
				color: 'black'
			},
			padding: 5,
			width: 250
		}
	});
});

The getLabel() function is just used to ascertain which hidden content div to use and works fine, as does the actual populating of the tooltip. What isn't working, however, is the position of the tooltip in Chrome.

This is what it is supposed to look like (taken in Firefox):


And this is what is happening in Chrome:



The only CSS being applied to the tooltip is this, which is used solely to style the content, and didn't seem to have any effect on the positioning when removed for debugging.

JS Code

.qtip div h2 {
	color: #FFF;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
 
.qtip div p {
	color: #FFF;
	padding: 0;
	margin: 0;
}

Can anybody see what I might have done wrong with this?

Thanks.

[Craig]

Hmmm voodoochild try out the new branch release and see if it makes a difference: http://bazaar.launchpad.net/~craig.craig.../1.0/files

[voodoochild]

Hi Craig,

Still getting the same problem with the new branch release, unfortunately. Any other thoughts as to what the issue might be?