GFX-Sector - HTML, CSS

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:

<div id="navigation">
   <ul id="navi">              
       <li><a href="index.php" id="link_1"></a></li>              
       <li><a href="index.php?site=about" id="link_2"></a></li>              
       <li><a href="index.php?site=team" id="link_3"></a></li>
       <li><a href="index.php?site=media" id="link_4"></a></li> 
       <li><a href="index.php?site=shop" id="link_5"></a></li>  
       <li><a href="index.php?site=service" id="link_6"></a></li>   
       <li><a href="index.php?site=contact" id="link_7"></a></li>    
       <li><a href="index.php?site=imprint" id="link_8"></a></li>       
    </ul>   	

 </div>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:

#navigation {
	background-image:url(Bilder/Allride-2009-v2_navi-right.gif);
	height:50px;
	margin-top: 10px;
	border: 1px solid #FFFFFF;
	-moz-border-radius:10px;
	}
	
ul#navi {
	margin:0;
	padding:0;
	list-style:none;
	}

ul#navi a {
	display:inline;
	width:100px;
	height:50px; 
	margin: 0;
	max-height:50px;
	}

ul#navi a span {
	display:none;
	}

/* #link_1 */
ul#navi li a#link_1:link, ul#navi li a#link_1:visited {
	background-image:url(Bilder/Allride-2009-v2_home.gif);
	float:left;
	margin: 0 0 0 75px;
	}
ul#navi li a#link_1:hover {
	background-image:url(Bilder/Allride-2009-v2_homeover.gif);
	}

/* #link_2 */
ul#navi li a#link_2:link, ul#navi li a#link_2:visited {
	background-image:url(Bilder/Allride-2009-v2_about.gif);
	float:left;
	}
ul#navi li a#link_2:hover {
	background-image:url(Bilder/Allride-2009-v2_aboutover.gif);
	}