Ser anderledes ud i firefox og IE

Hej,

Jeg er i gang med at lave en hjemmeside.

På en af siderne, skal der vises nogle opslag.

I safari, bliver det vist korrekt, med 4 opslag i hver kollonne, og 3 kolloner lige ud for hinanden.

I firefox og IE er der også 4 opslag i hver kollonne og 3 kollonner, men i de to første kollonner, bliver det forskudt så 3. rekke i de 2 første kollonner ikke flugter med den 3. rekke i 3. kollonne.

Er der nogen der ved hvad jeg kan gøre for at få det til at virke.

Tak

Jeg håber i forstår hvad jeg mener.

PHP koden til opslagene ser sådan ud:

 <div class="slider_area">
                         <div class="slide" id="foo2">
                             <div class="s1">
                                 <ul>
                                 <?php 
                                 query_posts('cat='.$inst.$order.$orderby.'&posts_per_page=12'); 
                                 $i=1;
                                 while (have_posts()) : the_post(); ?>
                                 
                                 <li>
                                     <h5><?php echo strtoupper(get_the_title()); ?></h5>
                                     <span><?php the_date('d-m', '<strong>', '</strong>'); ?>&nbsp;<?php echo substr(get_the_excerpt(),0,104); ?> ...&nbsp;<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"  target="_blank">&raquo; L&aelig;s mere</a></span>
                                 </li>
                                  <?php                                  
                                  if($i%$num==0){
                                  echo '</ul></div><div class="s1"><ul>';
                                  }
                                  
                                 $i++; 
                                 endwhile; ?>
                                
                             </ul>
                             </div>          
                             
                         </div>    
                         <div class="clearfix"></div>
                     </div>

og CSS koden ser sådan ud:

 .slider_area, .slider_area2 {
     position:relative;
 }
 
 .slide {
     width:870px;
     height:555px;
 }
 
 .s1 {
     width:870px;
     height:555px;
     float:left;
 }

Hvis i vil se hvad jeg mener så klik her
Og så scrol ned til de sidste opslag, der bør du kunne se hvad der sker.

Jeg håer i kan hjæpe, tak for det.

Tusind tak.