CSS line/box help

[extrovertive]

[code]
<style type="text/css">
A.buttonlg
{
background:#E0DFE3;
width:70px;
font-family:Tahoma;
font-size:8pt;
padding:2px;
margin-left:2px;
margin-right:2px;
border-top:1px solid #E5E4E8;
border-left:1px solid #E5E4E8;
border-bottom:1px solid #6699CC;
border-right:1px solid #6699CC;
color: #0066CC;
line-height:1em;
text-align:center;
position: relative;
}
</style>
[/code]

[code]
<a href="#" class="buttonlg">Britnie Addins</a>
[/code]

On Firefox, the name in the link is in one line. However, on IE, it's the name is on two different lines. How do I alter the CSS so that it spans one line only in IE?

[ToonMariner]

if you remove the width or add white-space: no-wrap; (it will be wider then 70 after that so be careful.

OR switch your document type declaration to a strict mode - that way IE renders the box model correctly.