Table list indent problem

Hi everyone!
First time poster here with a problem. I’m making a site and stumbled on the following problem:

I’ve made a menu from this handy-dandy javascript menu found here:

http://www.squidfingers.com/code/dhtml/expandingmenu/

works great. I made it so the list at the bottom is made via PHP. Now the problem: I wanted to create 2 rows with tables in the menu. so the code looks a little like this:

echo "<ul id='menu'>";
echo "<li>{$tabelone}";
echo "<ol>";
echo "<table width='185px' border='0' cellspacing='0' cellpadding='0'>"; 
while($row1 = mysql_fetch_array($result1)) {
echo "<tr>";
echo "<td>";
echo "<li>{$row1['date']}</li>";
echo "</td>";
echo "<td>";
echo "<li><a href='../templates/{$tabelone}.php?id={$row1['id']}' target='framemain'>{$row1['title']}</a></li>";
echo "</td>";
echo "</tr>";
}
echo "</table>";
echo "</ol>";
echo "</li>";
echo "<li>{$tabeltwo}";
echo "<ol>";
echo "<table width='185px' border='0' cellspacing='0' cellpadding='0'>"; 
while($row2 = mysql_fetch_array($result2)) {
echo "<tr>";
echo "<td>";
echo "<li>{$row2['date']}</li>";
echo "</td>";
echo "<td>";
echo "<li><a href='../templates/{$tabeltwo}.php?id={$row2['id']}' target='framemain'>{$row2['title']}</a></li>";
echo "</td>";
echo "</tr>";
}
echo "</table>";
echo "</ol>";
echo "</li>";
echo "</ul>";

It works but in IE I see an automatic indent. I’ve searched the web all night and I found some workaround but none work. Most of the time I found these:

margin: 0px;
padding: 0px;
float: left;

My question to you guys(girls): How can I fix this (if ofcourse it is possible). Hope you can help me out here.

Thanks in advance!