Problema Spry menu dreamweaver cs3

[simbad1]

Hola a todos tengo unos problemillas en mi web, sobre todo al utilizar diferentes navegadores.

Los enumero y a ver si me podeis ayudar pq estoy ya desperado!!!

1º El menu spry horizontal se ve distinto en IE y en FIREFOX, y no se que hacer pq se descentra en uno u en otro.

ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
cursor: default;
width: auto;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-left: -30px;
}

le pongo -30 para q se vea bien en IE7 pero en firefox claro sale a la izquierda, como hago para q se vea vien en los 2???

2º El otro es un problemon en IE6, el spry menu horizontal se ve y funciona; pero el menu vertical cuando te posicionas en el se desplaza donde quiere, además la foto del del div central que esta en un background se me desplaza hacia abajo.


(CSS SPRY VERTICAL)
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
cursor: default;
width: auto;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 200px;
}
ul.MenuBarVertical ul
{
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 200px;
left: -1000em;
top: 0;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}
ul.MenuBarVertical ul li
{
width: 220px;
}
ul.MenuBarVertical iframe
{
position: absolute;
z-index: 1010;
}
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}

(Codigo head)
<title>CEIP Las Higuerillas de Requena</title>
<!-- TemplateEndEditable -->
<link href="../twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal_lashiguerillas.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #666666;
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #660066;
}
a:hover {
text-decoration: none;
color: #009900;
}
a:active {
text-decoration: underline;
}
-->
</style>
<!--[if IE 6]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 6* en este comentario condicional */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>


Se suponia que es if resolveria mis problemas pero nada!
No se que más información daros; el url no puedo todavía pq no tengo permisos.

Espero que haya alguien q consiga ayudarme!!! GRACIAS!