Bit more digging on this: The problem seems to be that I've declared the global font size to be 70% using:

Code:
body {
line-height:1.5em;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:70%;}

But I've set the CSS buttons to be a specific pixel font size, so they all look the same:

Code:
.cssButton, .cssButtonHover {
font-size: 10px;
etc.}

The conflict then arises whenever there's a CSS button as follows:

Code:
 
<a href=http://mydomain/index.php?main_page=...roducts_id=149>
<span class="cssButton button_buy_now" style="width: 80px;" onmouseout="this.className='cssButton button_buy_now'" onmouseover="this.className='cssButtonHover button_buy_now button_buy_nowHover'"> Buy Now </span>
</a>
The container <a> is at 70% font-size, whereas the button is at 10px. So how do I declare the <a> container to be font size 100% (or whatever) .

If I put out an A declaration in the css file, then this applies to all links (not just ones containing buttons). A SPAN.cssbutton applies to just the .cssbutton class. Any thoughts?