horizontal slider making me cry

[dumdumsareyum]

I have this section at the bottom of my page that I'm trying to have scroll bar at the bottom and have the content be very wide (but the rest of the page is not) It works like a champ in mozilla and safari, looks shaky in opera, and looks like a$$ in ie 

 

here's the link

http://www.slantgraphics.com/0901_HoustonControls/home.php

 

and the code associated with the part in question:

#slider 
{
height: 135px;
margin-left: 11px;
margin-right: 12px;
overflow: auto;
background:   #5c1817;
clear: both;
color: white;
}

#sliderwrap
{
width: 1600px;
}

#slider .group
{
float: left;
margin: 10px;
margin-left: 25px;
margin-right: 25px;
width: 175px;
text-align: left;
}

 

and the html

<div id="slider">
   <div id="sliderwrap">

        <div class="group">
              <table>
               <tr><td><img src="<?php echo $path."images/industrial_image1.jpg" ?>" alt="Industrial Image" height="95px" /></td>
               <td>Sample image</td>
           </tr>
          </table>
       </div>

       <div class="group">
                 <table>
                  <tr><td><img src="<?php echo $path."images/industrial_image1.jpg" ?>" alt="Industrial Image" height="95px" /></td>
   	               <td>Sample image with lots of text oh no</td></tr>
   	          </table>
       </div>
//these sample images repeat a few more times
</div>
</div>

 

 

Can anyone help please?

[dumdumsareyum]

btw I put the html and the css in the validator and they came out ok, so that's when I decided to defer to the css gods on this forum

[haku]

Are you speaking of IE6? It looks fine in IE7. I don't have IE6 on this PC though.