codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Documento senza titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">

<!--
.sfondo {
	background-image: url(pulsante.jpg);
}
--></style>
		<style type="text/css">.div-1 {
	border: none;
	text-align: left;
	width: 981px;
}

.div-1-1 {
	border: none;
	clear: both;
	float: left;
	line-height: 19px;
	padding: 0px;
	text-align: center;
	width: 148px;
}

.div-1-2 {
	border: none;
	float: left;
	line-height: 19px;
	padding: 0px;
	text-align: center;
	width: 147px;
}

.div-1-7 {
	border: none;
	float: left;
	line-height: 19px;
	padding: 0px;
	text-align: center;
	width: 98px;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div align="center" class="sfondo div-1-1">menu1</div>
			<div align="center" class="sfondo div-1-2">menu2</div>
			<div align="center" class="sfondo div-1-2">menu3</div>
			<div align="center" class="sfondo div-1-2">menu4</div>
			<div align="center" class="sfondo div-1-2">menu5</div>
			<div align="center" class="sfondo div-1-2">menu6</div>
			<div align="center" class="sfondo div-1-7">menu7</div>
			<div style="clear: both;"></div>
		</div>
	</body>
</html>
Ecco così è 100% per 1024
se vuoi altre risoluzioni devi usare le percentuali, ma attenzione che se uno non ha dimestichezza viene fuori solo delle porcherie