<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
.pics {
height: 232px;
width: 232px;
padding: 0;
margin: 0;
}
.pics img {
padding: 0px;
/*border: 1px solid #ccc; */
background-color:transparent;
width: 1024px;
height: 350px;
top: 0;
left: 0
}
</style>
<script type="text/javascript" src="banner/jquery-1.js"></script>
<script type="text/javascript" src="banner/jquery.js"></script>
<script type="text/javascript">
$(function() {
$('#s1').cycle('fade');
});
</script>
<script type="text/javascript" src="banner/ga.js"></script><script type="text/javascript" src="banner/ga.js"></script>
</head>
<body>
<div id="fondo">
<?php
include "header.php";
include "menu.php";
?>
<div id="imgslider">
<div style="position: relative;" id="s1" class="pics">
<img style="position: absolute; top: 0pt; left: 0pt; display: block; z-index: 2; opacity: 1;" src="banner/lab.jpg" height="350"
width="1024">
<img style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;" src="banner/lab.jpg" height="350"
width="1024">
<img style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;" src="banner/medico_paciente.png" height="350" width="1024">
<img style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;" src="banner/lab2.jpg" height="350" width="1024">
<img style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;" src="banner/quimica.jpg" height="350"
width="1024">
<img style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;" src="banner/labchnician.jpg" height="350" width= "1024">
</div>
</div>
</div>
</body>
</html>
no funciona dimensiones dadas 
