CSS within Lectora content

Hi,

I'm using Lectora Publisher V11.

I need specific paragraphs to format a certain way. The formatting is too complicated for the Style Editor as I need to add in background images and have a Hover event. My research tells me that I can only add CSS onto the text box and not the paragraph within. This has resulted in a number of text blocks on a page which, because of the discrepancy between the browser an the content editor, has resulted in a messy layout with text blocks overlaying text blocks, see below.

[ATTACH=CONFIG]503[/ATTACH]

Which looks like this in a browser

[ATTACH=CONFIG]504[/ATTACH]

So I thought perhaps if I add in my own HTML tags with styles attached

e.g.

Blah Blah Blah

Blah Blah Blah

This is an INT Button

Blah Blah Blah

Blah Blah Blah

it might read the HTML and render it as such but it renders as text in a browser because it uses the < code to create the < character.

So finally my question: It there any tag available that will allows me to add in HTML via the content editor to be rendered as HTML and not text?

A solution to this would make my life so much easier.

Hope you can help.