Salve
sono alle prime armi con i css, ma ho fatto questo:

http://bako.altervista.org/test/grafica.html

problemi:
come posso fare che ogni pulsante abbia le stesse dimensioni?
si può mettere un'immagine di sfondo diversa per il pulsante della pagina corrente (es: se sono i home il pulsante home non sarà cliccabile, devo farlo a mano o posso farlo con i css?)

NB: perchè con IE NON SI VEDE COME CON FIREFOX?

grazie

codice css
codice:
#alto{
	position: absolute;
	left: 0%;
	top: 0px;
	width:100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0078A6;
	background-image: url(immagini/Senza-titolo-3_02.png);
	background-repeat: repeat-x;
	}

	
#imgAlto{
	position: absolute;
	left: 0%;
	top: 113px;
	width: 100%;
	}

#menu ul {
	list-style:none;
	margin: 0px;
	padding:0px;
	height:110px;
    }
#menu ul li {
	padding:0px;
	 display: inline-block; 
	 background-image:url(immagini/Senza-titolo-3_02.png);
		color: #FFFFFF;
	
	}

#menu ul li a {
	text-decoration:none;	
	position:relative;
	top:70px;
	padding-top:100px;
	padding-bottom:20px;
	font-family: Calibri, Tahoama;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	width:45px;
	color:#FFFFFF
     }
	 
	 

#menu ul li a:hover{
 background:#006699;
color:#FFFFFF;
}

 #menu ul a:active {
 background:#00CC33;
}
codice pagina
codice:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	background-color: #00384c;
}
-->
</style></head>
<body>
<div id="alto">
  <div id="menu"> 
  <ul> [*]Home[*]project[*]casa[*]mia
  </div>
</div>





<div id="imgAlto"></div>
</body>
</html>