Problema position absolute con IE

[juancile]

Buenas!
Tengo un problema con mi Slider, en todos los navegadores se ve bien, pero en IE se desacomoda.

- Asi se deberia ver
- Y se ve así

El problema creo que esta en las flechas, y en su position:absolute;
Probe sacando los divs de las flechas y no se desacomoda.
Este es el codigo que uso:

Código PHP:

 <div id="destacado">
<div id="slider">    
<img class="scrollButtons left" src="<?php bloginfo('template_directory'); ?>/imgs/leftarrow.png">
<div style="overflow: hidden;" class="scroll">
<div class="scrollContainer">
<?php $s == 0; ?>
<?php $slider_query = new WP_Query("category_name=destacada&showposts=6"); ?>
<?php while ($slider_query->have_posts()) : $slider_query->the_post(); $s++;
$do_not_duplicate = $post->ID; ?>
<div class="panel" id="panel_<?php echo ($s); ?>">
<div class="inside">
<?php if( get_post_meta( $post->ID, "image_value", true ) ) : ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><img src="<?php bloginfo( 'template_directory' ); ?>/timthumb.php?src=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>&amp;w=289&amp;h=238&amp;zc=1" alt="<?php the_title(); ?>" class="alignleft"/></a>
<?php else : ?>
<img src="<?php bloginfo('template_directory'); ?>/imgs/slider-sample.jpg" alt="Libertad FM 99.7" />
<?php endif; ?>
<div id="slider-content">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title() ?></a></h1>
<div class="date-slider">
<?php $arc_year = get_the_time('Y'); $arc_month = get_the_time('m'); $arc_day = get_the_time('d'); ?>
<a href="<?php echo get_day_link("$arc_year", "$arc_month", "$arc_day"); ?>" title="Ver todas las noticias de este d&iacute;a"><?php the_time('j F Y '); ?></a>
</div>
<?php the_excerpt(); ?>
</div>
</div>
</div>
<?php endwhile; wp_reset_query(); ?>   
</div>
</div>
<img class="scrollButtons right" src="<?php bloginfo('template_directory'); ?>/imgs/rightarrow.png">
</div>
</div>  

Código HTML:

#destacado{
	height:260px;
	width:648px;
	margin:20px 0 20px 20px;
	padding:0;
	float:left;
}
#slider {
   	width: 607px;
	height:240px;
   	margin: 0;
	padding:10px;
  	position: relative;
	border: 1px solid #ccc;
	float:left;
	background-color:#FFF;
}
.scrollButtons {
    	position:absolute;
    	top: 105px;
    	cursor: pointer;
}

.scrollButtons.left {
    	left: -18px;
	z-index:100;
}

.scrollButtons.right {
    	right: -18px;
	z-index:100;
}

Esta es la web.
Espero me puedan ayudar!
Gracias!.