hi team, could someone please tell me how to remove extra list item vertical space inside div.

are there any hacks required to display it properly in firefox?

Code:
<div id="panel_wrapper" style="background-color:white; width:252px;">
            <div style="background-image: url(images/block_header_bg.jpg); background-repeat: no-repeat;
                width: 250px; height: 30px;">
                Block 1
            </div>
            
            <div style=" padding: 0px 0px 0px 0px; background-color: white; height: 79px; width: 250px;">
                <ol style="margin-left: 15px; list-style: none; background-color: #a5c102; width: 211px;
                    border: black solid 1px; height: 99px; display:inline-table">
                    <li>Welcome</li>
                    <li>Hits</li>
                    <li>My Recipe</li>
                </ol>
            </div>
            
             <div style="background-image: url(images/block_header_bg.jpg); background-repeat: no-repeat;
                width: 250px; height: 30px;">
                Block 2
            </div>
            
            <div style=" padding: 0px 0px 0px 0px; background-color: white; height: 79px; width: 250px;">
                <ol style="margin-left: 15px; list-style: none; background-color: #a5c102; width: 211px;
                    border: black solid 1px; height: 99px; display:inline-table">
                    <li>Welcome</li>
                    <li>Hits</li>
                    <li>My Recipe</li>
                </ol>
            </div>
            
        </div>