Problem with display inline in Firefox and IE

Css

[derout]

I have a order list inside a loop. Beside the List number I have a Table. I want to align the table top with the list number. Below is the sample code.
<li>
<TABLE width= "100%" border ="1" style="border-spacing: 0px;vertical-align: top ;display:inline;"><tr>
<td style="vertical-align: top; " width ="14%"><img src = "" alt = "" height ="65" width ="65"/>
</td>
<td style="vertical-align: top;">
<h4 style="display:inline;"><a>#*$!</a></h4><h5>test</h5><p></p>
</td> </tr>
</table>
</li>

I need that the alignment should work in IE 6,7 and Firefox 3.

When I am putting style display:inline; it is working in IE but not in Firefox. If I am putting display:inline-block its working in FF but not in IE.

Please help me to resolve the problem soon.

[swa66]

Welcome [webmasterworld.com] to WebmasterWorld!

I've a hard time figuring out what you want to achieve.

What's display:inline-table doing in the standards compliant browsers ?

[w3.org...]

If you have CSS that works for the standards compliant browsers, and something different for IE, use conditional comments [msdn.microsoft.com] to give it different CSS.
Take care to give IE8 standards compliant CSS (MSFT promised it will be standards compliant when released)