Tooltip lost when browser width reduced

[johnsmith153]

Demo at http://page-test.co.uk/tooltip.html

 

When the browser is open a reasonable width, then everything is fine. Reduce the browser width and the tooltip goes out of view. I want it to wrap somehow so the tooltip can still be seen.

 

I have changed various settings but nothing seems to work. I suppose I just need a hand to tidy up the code.

 

Thanks.

[sunfighter]

You did a good job on the tooptip, it stays in view until the browser is shrunk to a width of 380px. At that time the tooltip itself has shrunk to 220px. If you want things to work for even smaller browser widths I would suggest moving the tooltip to display under and to the left of your image instead of to the right, because if you make the tooltip any smaller it would be hard to read and make any sense out of it.