Algunos elementos se descuadran

[Isra_84]

Bueno el problema que tengo que es que se descuadran dos divs desplegables dependiendo del navegador y ya no se que hacer, es mi primera web y aunque he visto algunas soluciones incluidas en este y otros foros no soy capaz de conseguir arreglarlo; os pego el css porque aun no la he subido.

Gracias de antemano.


<style type="text/css";>
.body{
color:#FFF;
}
#general{
width:100%;
height:100%;
position:absolute;
top:-5px;
left:60px;
}
#head{
background-color:#FFF;
color: #000;
}
#calidad{
float:left;
text-align:center;
width:33%;
background-color:#000;
color:#F00;
}
#formacion{
float:right;
text-align:center;
width:33%;
background-color:#000;
color:#F00;
}
#consultoria{
text-align:center;
background-color:#000;
color:#F00;
font-size:18px;
width:33%;
}
#contenido{
width:60%;
position:absolute;
left:200px;
height:auto;
background-color:#000;
color:#FFF;
font-family: "Comic Sans MS";
}

#texto{
background-color:#000;
padding: 10px;
font-size:14px;
font-family: "MS Serif", "New York", serif;
margin-left:25px;
line-height:19px;
color:#999;
padding-right:10px;
text-align:justify;
}
.nom .tel .mail{
float:left;
clear:left;
}
#formulario{
float:left;
color:#FFF;
background-color:#000;
width:55%;
}
.text{
float:right;

}
#pie{
bacground-color:#000;
margin-top:10px;
paddin-top:10px;
height:auto;

}
#logos{
background-color:#000;
width:100%;
height:90px;
}
#corte{
background-color:#FFF;
width:100%;
height:15px;
}
#menus{
background-color:#000;
heigth:auto;
font-family:sans-serif;
font-size:18px;
padding:5px,5px,5px,5px;
}

#mencal {
position:absolute;
width:33%;
height:auto;
z-index:1;
left: 0px;
top: 180,5px;
background-color: #333333;
visibility: hidden;
color:#CCC;
font-size:12px;
text-align:justify;
background-color:#333;
}
#mencos {
background-color:#333333;
position:absolute;
width:33%;
height:auto;
z-index:1;
color: #CCC;
visibility: hidden;
left:270px;
top: 180,5px;
font-size:12px;
text-align:justify;
background-color:#333;
}
#menform {
margin-top:10px;
position:absolute;
width:33%;
height:auto;
z-index:1;
visibility:hidden;
left:543px;
top: 170px;
color:#CCC;
font-size:12px;
text-align:justify;
background-color:#333;
}
#quien{
text-align:left;
color:#FFF;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:24px;
font-style: italic;
}
#text2{
font-size:24px;

}
#abajo{
font-size:12px;
}
#tabla{

}
#contacta{
float:left;
position:absolute;
top:60px;
left: 36px;
}
#tlf{
font-weight: bold;

}
#area{
float:right;
width:33%;
color:#000;
}

#area {
position:absolute;
width:135px;
height:57px;
z-index:1;
float:right;
left: 557px;
top: 48px;
}
#titulo{
font-size:24px;
position:absolute;
left: 221px;
top: 125px;
}
</style>

En concreto los elementos que se descuadran son menfor y mencos.