script - posuvanie textu nefunguje spravne

.banner{
	width:950px;
	height:289px;
	float:left;
	margin:35px 5px 0 5px;
	background:url(images/pozadie.gif) no-repeat;
}

/* banner left content */

.banerLeft{
	width:365px;
	float:left;
	margin:95px 0 0 70px;
	
}

.banerLeft h2 img{
	width:265px;
	float:left;
	padding-bottom:12px;
}
.banerLeft p{
	width:367px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#6a6a6a;
	line-height:19px;
	font-weight:bold;
}

/* banner image */
.banner img{
	float:right;
	margin:10px 82px 0 0;
}

<div class="banner">
          <ul id="s4">
            <li>
              <div class="banerLeft">
                <h1>ABITec s.r.o.</h1>
				
                <p>Vitajte na stránke spoločnosti ABITec s.r.o.</p>
              </div>
              <!--left content--> 
            </li>
            <li>
			<div class="banerLeft">
              <h1>Informačné systémy</h1>
				<h1>Pre malé, stredné a veľké firmy</h1>
                <p>Hľadáte vhodný informačný systém pre Vašu firmu ? Neviete si vybrať z ponúk, ktoré sú na trhu? Dovoľte nám ukázať náš systém, ktorý prispôsobime presne podľa Vašich predstáv.</p>
              </div>
              <!--left content--> 
            </li>
          </ul>
          <img src="images/ipad.png" width="257" height="264" alt="ipad banner image" /> </div>