In questo non mi si vede il rollover, ma solo il bottone base (pitagora.jpg e crotone.jpg)
codice:
<html>
<head><title>Pitagora e Crotone</title></head>

<style type="text/css">
body {margin-top: 0pt;
margin-left: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;}
</style>

<body background="images/frameleft.jpg">





		
		<style type="text/css">

		a#primobottone {text-decoration:none;
   		margin:10; padding:0;
   		display:block;
   		width:100px; height:30px;
   		text-indent:-1000em;		
   		background: url(images/pitagora.jpg) no-repeat 0 0;
		}
		a#primobottone:hover { background-image:url(images/pitagora rollover.jpg) }

		</style>

[img]images/pitagora.jpg[/img]





		
		<style type="text/css">

		a#secondobottone {text-decoration:none;
		   margin:10; padding:0;
  		 display:block;
  		 width:100px; height:30px;
 		  text-indent:-1000em;
  		 background: url(images/crotone.jpg) no-repeat 0 0;
		}
		a#secondobottone:hover { background-image:url(images/crotone rollover.jpg) }

		</style>

[img]images/crotone.jpg[/img]


</body>
</html>
In questo mi si vede solo il rollover (Home.jpg , Download.jpg , ecc...)
codice:
<html>
<head>
<title>Cadmir's Site</title>
</head>

<body background="Images/Menu.jpg">


[img]Images/Bottoni/Home.jpg[/img][img]Images/Bottoni/Contact_us.jpg[/img][img]Images/Bottoni/Games.jpg[/img][img]Images/Bottoni/Download.jpg[/img][img]Images/Bottoni/Forum.jpg[/img]


<style type="text/css">
a#home {
   text-decoration:none;
   display:block;
   width:29px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Home.jpg) no-repeat 100 100;
}
a#home:hover { background-image:url(Images/Bottoni/Home_r.jpg) }
</style>



<style type="text/css">
a#contact_us {
   text-decoration:none;
   display:block;
   width:72px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Contact_us.jpg) no-repeat 100 100;
}
a#contact_us:hover { background-image:url(Images/Bottoni/Contact_us_r.jpg) }
</style>



<style type="text/css">
a#games {
   text-decoration:none;
   display:block;
   width:37px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Games.jpg) no-repeat 100 100;
}
a#games:hover { background-image:url(Images/Bottoni/Games_r.jpg) }
</style>




<style type="text/css">
a#download {
   text-decoration:none;
   display:block;
   width:55px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Download.jpg) no-repeat 100 100;
}
a#download:hover { background-image:url(Images/Bottoni/Download_r.jpg) }
</style>




<style type="text/css">
a#forum {
   text-decoration:none;
   display:block;
   width:100px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Forum.jpg) no-repeat 100 100;
}
a#forum:hover { background-image:url(Images/Bottoni/Forum_r.jpg) }
</style>



</body>
</html>
PS: In quest'ultimo i link mi si mettono uno sotto l'altro, sai per caso come si fa per metterli in riga orizzontale?

Mozilla :P (mi ero sbagliato )