#zvetsovadlo { display:inline; position:relative; width:240px; height:205px; background: url("gradient.png") top left no-repeat; margin:0 20px 10px 5px; z-index:100; float:left; } #zvetsovadlo img { position:absolute; width:240px; height:180px; top:25px; left:-240px; } #zvetsovadlo ul { padding:0; border:0; margin:0; list-style-type:none; } #zvetsovadlo a { display:block; width:24px; height:20px; } #zvetsovadlo li { display:block; width:24px; height:20px; position:absolute; left:24px; top:0; background:transparent; } #zvetsovadlo li.jedna { left:0; } #zvetsovadlo li:hover { width:24px; height:20px; } #zvetsovadlo li.jedna:hover img { width:280px; height:210px; } #zvetsovadlo li.dva:hover img { width:320px; height:240px; } #zvetsovadlo li.tri:hover img { width:360px; height:270px; } #zvetsovadlo li.ctyri:hover img { width:400px; height:300px; } #zvetsovadlo li.pet:hover img { width:440px; height:330px; } #zvetsovadlo li.sest:hover img { width:480px; height:360px; } #zvetsovadlo li.sedm:hover img { width:520px; height:390px; } #zvetsovadlo li.osm:hover img { width:560px; height:420px; } #zvetsovadlo li.devet:hover img { width:600px; height:450px; } #zvetsovadlo li.deset:hover img { width:640px; height:480px; } #zvetsovadlo li.jedenact:hover img { width:240px; height:180px; } #zvetsovadlo table { border:0; padding:0; margin:0; border-collapse:collapse; }