span class in topnav

[ajturnersurrey]

I have been successfully including a span class around text to make buttons appear in the flow of user instructions in a pdf

pdf_button_right.png

However, in topnav my button moves over to the left edge and overlays other text:

topnav_button_wrong.png

I am not aware of anything that should make the span text float left in topnav!
Am I wrong to be using a span class for this?

[ChoccieMuffin]

Take a look at the mediums you are using for the PDF and Topnav outputs and compare them side by side, you might spot where the difference lies.

[ajturnersurrey]

I can't see a problem in the stylesheet

Here are the styles side by side for topnav and pdf

button_css.png

I made the topnav version just a simple font colour and background, to see whether defining a border was causing an issue, but it seems that even that makes the span.button float left...

[NorthEast]

The class "button" is already used elsewhere in the skin/stylesheets generated by Flare.

Call the class something different to "button" and you'll be ok.

[ajturnersurrey]

Woo-hoo! It works now.

Thank you Dave.
So pleased I asked here - I never would have spotted that in a month of Sundays.