Product description cut off.

My products have one product option. This option has a description to better explain the product option. This description on the front end displays as a "i"
However when the user mouse hovers over the "i" in the front end half the description gets cut off.

Does anyone know how to fix this?

No HTML is allowed in the tooltips. Please check that you're not using a lot of HTML in the description.

I am not using any HTML in the description, Just an line of text styled in the default "paragraph" style. Could HTML be coming from my joomla template. If so how do I override my template so the text is plain? so it will display correctly.

Could you give a link to that page and the exact HTML code that you set in the description ?

Here is a link to my products page. There is only one option and this same option is applied to all products.

www.londonstudio.co.nz/index.php/the-sho...oyalty-card-design-2

I have tried formatting the description in both "paragraph" and "preformatted" and neither fixes the problem.

Could you also give the exact HTML code that you set in the description ?
Looking at the code of the page, I would say that it comes from the description itself.

One option might be to change the line:
$description = strip_tags(JHTML::_('content.prepare',$optionInfo->product_description));

to:
$description = $this->escape(strip_tags(JHTML::_('content.prepare',$optionInfo->product_description)));

in the file "option" of the view "product" via the menu Display->views, so you might want to try that.

Thank you Nicolas, That worked. Once again you provide amazing support.