Porque no anda?

#fotos-boton-rojo{
background-color: #ccc;
border: 1px solid red;
color: red;
text-align: center;
font-size: 26px;
margin-top: 33px;
height: 120px;
width: 300px;

}

#fotos-boton-rojo a{
border-right: 1px solid red;
color: red;
text-align: center;
font-size: 26px;




}

#fotos-boton-rojo a:hover{
border-right: 1px solid red;
text-decoration: none;
color: red;
text-align: center;
font-size: 26px;
height: 120px;
width: 300px;

}
Jajajaja, ¿podrías darnos alguna explicación del problema XD? "Por qué no anda" no nos sirve, pues lo que has puesto funciona como debe en cualquier caso :P.
Porque no tiene patas :P

Los títulos de los posts deben describir el problema en forma corta, para así entender de qué trata.
También debes describir en el post mismo el problema y proporcionar los detalles de qué navegador usas y demás.
Te faltó el código HTML.
Los códigos que coloques deben ir entre [ code] y [ /code] (sin espacios).

Si nos pusiéramos a adivinar, creo que no has enlazado bien a la hoja de estilos.
Ok. El problema en realidad lo que quiero hacer es lo siguiente: en esta dirección || http://acceso-directo.net23.net/html/multimedia.html ||

Espero poder ser claro:
1) Estoy empezando a usar (de forma autodidacta) las interfasces de usuario de JQuery, y en la seccion multimedia quiero poner esto adecuadamente
<script type="text/javascript">
$(function() {
$( "a, button" )
.button()
.click(function( event ) {
event.preventDefault();
});
});
</script>

El problema es que quiero que lo botones tengan efecto solamente en el SECTION de la página no en todos los enlaces
En ese caso sólo especifica los selectores de jQuery así:

$('section#multimedia a, section#multimedia button').click(function(e) {
  e.preventDefault();
});

Aunque no entiendo que tiene que ver el código CSS de antes :P. Si lo quieres hacer con CSS, entonces es lo mismo, debes ser más específico en cuanto a "dónde" aplicar los efectos/estilos:

section#multimedia a, section#multimedia button {
 /* estilos */
}