Need fresh eyes to figure out where this padding is coming from

programming web dev
1

See it here:
http://www.cincinnati.com/test/slideAutoDownUpAppear2.html

As you see the 910x200 slide down you will notice there is about 3-4 pixels of space between the 2 elements.


<script src="lib/prototype.js" type="text/javascript"></script>
 <script src="src/scriptaculous.js" type="text/javascript"></script>
 <script src="src/unittest.js" type="text/javascript"></script> 
 <script src="src/pu****.js" type="text/javascript"></script>
 
<style type="text/css">/* CSS Document */
body, html {
 width:910;
 height:100%;
 margin:0;
 padding:0;
}
a:link, a:visited {
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 text-decoration:none;
 color:#666666;
}
a:hover, a:visited:hover {
 font-weight:normal; 
 text-decoration:underline;
 color:#838688;
}
#appear { position:absolute; top:1px; left:850px; z-index:100; }
#push {
 width:910px;
 margin:0px 0 0 0px;
 padding:0px;
 z-index:30;
}
#push_panel {
 list-style:none;
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#838688;
}
#push_panel li { margin-bottom:0px;}

#push_panel li ul {
 margin: 0px 0 0 0px;
 padding:0;
 list-style:none;
}

#expandable {
 width:910px;
 margin:0px 0 0 0px;
 padding:0px;
 z-index:30;
</style> 
</head>
<body onload="setCurrent(); Effect.SlideDown('one',{duration:2.0}); setTimeout('Effect.SlideUp(\'one\',{duration:2.0});', 11000); setTimeout('Effect.Appear(\'appear\',{duration:1.0});', 12000); return false;"> 
<br>
 <!-- push -->
  <div id="push">
  
  <ul id="push_panel">
   <li id="appear" style="display:none;"><a href="#" onclick="Effect.toggle('one','slide', {duration:2.0}); return false;">x&nbsp;close/replay</a>
    <li><img src="banner910x40.gif" width="910" height="40" alt="" border="0">
      <div id="one" style="display:none;">
     <ul>
      <li id="expandable"><img src="panel910x200.gif" width="910" height="200" alt="" border="0"></li>
     </ul>
    </div>
   </li>