non ho ancora provato su mozilla ma intanto su opera viene giusto, solo hai in speciali un width con un % invece del punto e virgola e in firma un height scritto male.

prova questo:

<html>
<head>
<style>

#menu {
float: left;
height: 50%;
width: 25%;
background-color : silver;
text-align : left;
color : black;
}

#speciali {
float : left;
height : 50%;
width : 49%;
background-color :gray;
color : black;
}


#firma {
float : left;
height : 50%;
width : 25%;
background-color :teal;
color : black;
}

</style>
</head>
<body>
<div style="width: 100%; height:100%">
<div id="menu">
porompompero
</div>
<div id="speciali">
porompompero
</div>
<div id="firma">
porompompero
</div>
<div style="clear: both">
</div>
</div>
</body>
</html>

ho dovuto accorciare il width di speciali perché con ie ridimensionando la finestra spostava il box di destra in basso (un px sì e uno no, cioé tipo a 700px di larghezza della finestra lo spostava a 699 no a 698 sì a 697 no, insomma è un bel tipo.