body#intro_page { background: black; } body#intro_page div { background: black url('reflektor_intro2.jpg') center center no-repeat; height: 600px; width: 800px; margin: -600px 0 0 -400px; left: 50%; top: 100%; position: absolute; } body#intro_page div ul { list-style: none; float: left; margin: 328px 555px; } body#intro_page div ul li a { display: block; font-size: 0; line-height: 100px; text-indent: -2000em; } body#intro_page div ul li.reflektor a { background: url('menu2.png') -92px 0 no-repeat; width: 80px; height: 30px; margin-left: 62px; } body#intro_page div ul li.onas a { background: url('menu2.png') -45px -100px no-repeat; width: 180px; height: 42px; margin-left: 5px; margin-top: 20px; } body#intro_page div ul li.kontakt a { background: url('menu2.png') -33px -153px no-repeat; width: 150px; height: 40px; margin-left: 15px; margin-top: 7px; } body#intro_page div ul li.archiwum a { background: url('menu2.png') -18px -205px no-repeat; width: 230px; height: 52px; margin-left: 0px; margin-top: 10px; } body#intro_page div ul li.reflektor a:hover { background: url('menu2_hover.png') -90px 0 no-repeat; } body#intro_page div ul li.onas a:hover { background: url('menu2_hover.png') -45px -100px no-repeat; width: 225px; } body#intro_page div ul li.kontakt a:hover { background: url('menu2_hover.png') -30px -153px no-repeat; } body#intro_page div ul li.archiwum a:hover { background: url('menu2_hover.png') -15px -205px no-repeat; }