Проблем с CSS във Firefox и IE

[pszone]

Здравейте, имам проблем, който не мога да разреша. Ето кода на самата страница, а и кода на css файла. Проблемът е че във IE между снимката и менюто има малко разстояние, докато във Firefox всичко си е наред. Ето и примерът - Демо Наистина ми е нужна помощ. Предварително благодаря!

opit12.php

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="contentslider.css" />

<script type="text/javascript" src="contentslider.js">

/***********************************************
* Featured Content Slider- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
</head>

<body>
<table width="730" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="slider1" class="contentslide">
	


<div class="contentdiv">
<a href="asdas"><img src="http://gamingneo.headoff.com/images2/topstory.jpg" border="0"></a>
</div>

<div class="contentdiv">
<a href="asdas"><img src="http://gamingneo.headoff.com/images2/topstory2.jpg" border="0"></a>
</div>

<div class="contentdiv">
<a href="asdas"><img src="http://gamingneo.headoff.com/images2/topstory3.jpg" border="0"></a>
</div>

<div class="contentdiv">
<a href="asdas"><img src="http://gamingneo.headoff.com/images2/topstory.jpg" border="0"></a>
</div>

<div class="contentdiv">
<a href="asdas"><img src="http://gamingneo.headoff.com/images2/topstory2.jpg" border="0"></a>
</div>


<table width="730" height="28" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top" class="pagination" id="paginate-slider1" background="http://gamingneo.headoff.com/images2/story_bottom.gif"> </td>
  </tr>
</table>

<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds], [custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1", 5000,"", "Íàïðåä")
</script>
	
	</td>
  </tr>
</table>
</body>
</html>

contentslider.css

.contentslide{
width: 730px;
height: 300px;
margin: 0px; 
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 730px;  /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
margin: 0px;
background-color: #768389;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
background-image: url(http://gamingneo.headoff.com/images2/story_bottom.gif);
margin: 0px; 
padding: 0px;  /*IE5 width*/
width: 730px; /*IE5 width*/
w\idth: 730px; /*IE6 width*/
height: 28px; /*IE5 width*/
h\eight: 28px; /*IE6 width*/
}

.pagination a{
height: 26px;
width: 15px; 
padding: 4px;
text-decoration: none; 
color: #006699;
font-size: 11px;
font-weight: bold; 

}

.pagination a:hover, .pagination a.selected{
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
background-color: #567FBC;
margin: 0px;
}