cambiar tamaño div

Hola, me estoy iniciando en la maquetación web. Tengo una duda respecto al tamaño de un div.

Tengo dos tipos de botones cada uno con un tamaño diferente.

Tengo este código en HTML, lo pongo a cada botón:

Código HTML :

<!-- Fotos-->

<div class="menu">
<a name="ANCHOR_Img">Fotos</a>  

</div>

Y en CSS pongo este código:

Código HTML :

@charset "utf-8";

.menu {
background: transparent url(../imag/fotos.jpg) no-repeat;
width: 90px;
height: 20px;
float:left;
}

Con este código todos los botones tienen el mismo tamaño.

Pero tengo un botón que tiene unas medidas diferentes al resto y no sé como hacer para cambiarlo, cambio el tamaño desde CSS y todos los botones cambian de tamaño y he probado varias opciones en HTML y no funciona.

Cómo lo puedo solucionar???

Arigatô/Gracias

ponele un id al boton especifico que quieres cambiar, y a ese id le seteas el otro css que quieras

(el id aparte del class que ya tiene)

saludos

Antes que nada no utilices divs para hacer botones, utiliza buttons y o links con propiedades modificadas.

Si vas a tener un botón diferente dale la misma propiedad, agrega una nueva con las medidas que quieres y agrégalo a tu clase. Esto te va a facilitar la vida.

Código :

#boton {
   background: transparent url(../imag/fotos.jpg) no-repeat;
   width: 90px;
   height: 20px;
   float:left;
}
#boton.masgrande {
   width: nuevamedida;
   height: nuevamedida;
}

Código :

<a id="boton" href="#">Boton 1</a>
<a id="boton" class="masgrande" href="#">Boton 2</a>

Kinduff:
Es al revés .

¿Qué carajos es al revés?

No debe haber dos elementos con el mismo id. Lo que has querido decir es que "boton" es una clase y "masgrade" un id.

"masgrande" que también sea otra clase, al final si quiere tener 2 botones "grandes" va a tener que reestructurar...

Código HTML :

<a class="boton" href="#">Boton 1</a>
<a class="boton masgrande" href="#">Boton 2</a>