Properly fix tooltip x/y with respect to current viewport
NB: This is still somewhat of a heuristic.
What I'd like to do is something like:

var totalTipWidth = $("#flotTip").width() + this.tooltipOptions.shifts.x + $("#flotTip").css('padding-left') + $("#flotTip").css('padding-right') + $("#flotTip").css('border-left-width') + $("#flotTip").css('border-right-width');

But the .css() properties don't seem to be set at this point (they
return NaN).  So instead there's the heuristic of using multiples of the
shifts.x/y instead.

The change in the call to that.updateTooltipPosition() is from:

https://github.com/Cu3bluKekc/flot.tooltip/commit/f0b6b859dadedad64a08e178b825dce0089a5c0c

who first prompted me to look at the y fixup as well.
Properly implement Cu3bluKekc's fix for when to call
updateTooltipPosition and use outer{Width,Height} to get the tooltip
position fix 100%;
Merge pull request #32 from Athanasius/tooltip_fix_x_and_y

Properly fix tooltip x/y with respect to current viewport