Layout issues!

[gazag]

i have trace the problem to my slider code!

The code i have in the define_main_page.php is as below

	
	  
<?php 	  
	  define(URL1,'http://www.example.com');
	  define(URL2,'http://www.example.com');
	  define(URL3,'http://www.example.com');
	  define(URL4,'http://www.example.com');
	  define(URL5,'http://www.example.com');
	  define(URL6,'http://www.example.com');
	 
	  define(IMAGE1,'01.jpg');
	  define(IMAGE2,'02.jpg');
	  define(IMAGE3,'03.jpg');
	  define(IMAGE4,'04.jpg');
	  define(IMAGE5,'05.jpg');
	  define(IMAGE6,'06.jpg');
	 
?>
	<script type="text/javascript" src="includes/templates/MY_CUST_TEMPLATE/jscript/jscript_easySlider.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){	
		    
			$("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
			
		});	
	</script>
  

	
		<div id="slider">
			<ul>				
				<li><a href="<?php echo URL1 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE1 ?>"  /></a></li>
				<li><a href="<?php echo URL2 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE2 ?>"  /></a></li>
				<li><a href="<?php echo URL3 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE3 ?>"  /></a></li> 
				<li><a href="<?php echo URL4 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE4 ?>"  /></a></li>
				<li><a href="<?php echo URL5 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE5 ?>"  /></a></li>
				<li><a href="<?php echo URL6 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE6 ?>"  /></a></li>			
</ul></div>

Does anyone know how to edit it to solve my issues? I keep trying things but

This is the code that is causing the problem if you delete it - the category images align properly and if you delete only half of them the offset gets less each one you delete!

			<ul>				
				<li><a href="<?php echo URL1 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE1 ?>"  /></a></li>
				<li><a href="<?php echo URL2 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE2 ?>"  /></a></li>
				<li><a href="<?php echo URL3 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE3 ?>"  /></a></li> 
				<li><a href="<?php echo URL4 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE4 ?>"  /></a></li>
				<li><a href="<?php echo URL5 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE5 ?>"  /></a></li>
				<li><a href="<?php echo URL6 ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE6 ?>"  /></a></li>			
</ul></div>