I can't seem to figure this out without messing up the layout of the site...
Looks fine in every browser apart from Internet Explorer.
There is some text on the right hand side under the image add to cart button which says:
Step 1 , step 2 , step 3
and so on.
These appear when the different steps are clicked on.
In firefox, safari etc these are all visible but in Internet Explorer you can only see the middle of the text - the tops and bottoms are cut off and missing.
I've tried changing the line-height but this forces the text downward and out of place. If I move the margins it makes them out of place in other browsers.
The example code I am using for one part of the text is attached.
I just want the text to be visible like it is in all other browsers but without it moving around and looking bad.
I'm testing this in IE 7
Thanks in advance
<div style="margin:-60px 180px 0 0px;width:200px;float:right;"><font size="8px"><b>STEP 3</b></font></div>