menu acordion URGE!!!

[gabriel720]

buenas a todos, me encuentro realizando una pagina para un cliente, y el queria un menu acordion, que no fuera flash por lo que tuve que busar uno y funciona bien, el problema es que el acordion que aparece sale en diferentes lados dependiendo la resolucion o el tamoaño de la ventana del navegador, alguien me puede ayudar? la pagina es la siguiente

http://www.cttisolutions.com/test/fs...er/index1.html

y ya le di vueltas a todo y no se que mas hacer

este el el codigo css que tengo en la pagina

@charset "utf-8";
/* CSS Document */

* { margin: 0px;
padding: 0px; outline: 0;
}

body {
text-align:center;
margin-top:0px;
background-image: url();
background-repeat: repeat-x;
}

#flash {
float:left;
margin:auto;
width:822px;
height:252px;

}
#news {
float:left;
width:262px;
height:752px;
background-color:#e6e6e6

}

#noticias {
width:100%;
margin-top:0px;
background-color:#E6E6E6;
}

#pie {
margin-top:5px;
float:left;
}

#wrap {
width:1084px;
margin:0 auto;
}

#wrap2 {
width:100%;
margin:0 auto;
}

#menu {
float:left;
width:210px;
height:500px;
background-color:#E6E6E6;

}
#txt {
float:left;
width:612px;
height:500px;
background-color:#ECECEC
}

ul.menu { text-align: right;
font-size: 14px;
width: 210px;
list-style:none;
}

ul.menu ul {
position: fixed; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:23.5%; /* Para que no monte sobre el <li> */
list-style-type: none;
top: 324px;
width:150px;
display:none;
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.sub li:hover a
{
display:block;
background-color: #390a0a;
color: #fff;
}
ul.menu li:hover a
{
display:block;
background-color: #390a0a;
color: #fff;
}
ul.menu li:hover > ul
{
display:block;
}
ul.menu ul li a:hover {
background-color: #e6e6e6;
color: #000;
position: relative;
}
ul.menu a{display: block;
text-decoration: none;
color: #42210B;
background-color: #E6E6E6;
border: solid 1px #e6e6e6;
border-top: none;
padding: 3px;
position: relative;
}

#pie {
margin:0;
background-color:#390a0a;
height:100px;
}