Firefox and style="display:block" on table row

Dear Friend, anyone is having idea about my simple html and css code is not workinging FF

CSS:

.Header-Links a{
display:inline-block;
margin-left:auto; margin-right:auto;
text-align:center;
vertical-align:middle;
border:#000000 1px solid;
width:100px;
height:34px;
background:url(../images/btn_bg.gif);
background-repeat:repeat-x;
background-position:left top;
text-decoration:none;
margin:0 3px;
line-height:30px;
color:#990033;

font-size:14px;
font-weight:bold;
}
.Header-Links a:hover{text-decoration:underline;}

HTML CODE:

<div align="center" class="Header-Links">
<a href="#" >Home</a><a href="#" class="Header-Links">About Us</a><a href="#">Benefits</a><a href="#">Services</a><a href="#">Fees</a><a href="#">Testimonials</a><a href="#">Contact</a>
</div>

Originally Posted by Michael Winter

On Tue, 04 Jan 2005 00:21:43 GMT, rf <rf@.invalid> wrote:

[snip]

> The reason [block] "appears" to work with IE is probably because IE is
> error-correcting the display property for you.

As others have implied, IE has no concept of the table-row value. In fact,
Microsoft's documentation
(<URL:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp>)
clearly states that all block-like elements (with a few exceptions) have
'block' as their display value, contrary to specification.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

dangerouskicker