problema con i margini negativi: centratura vert OK ma il menu KO

[skatercorpse]

Ciao a tutti!
sono nuovo e spero di trovare qualche prezioso aiuto! eheh
ho fatto un sito con layout tutto in css...e php solo per la comodità dell'include (visto che altro nn capisco )
Sono finalmente riuscito a trovare in rete il modo per centrare verticalmente il contenitore principale grazie ai margini negativi...funziona sia in opera, internet explorer e firefox! felicissimo!

ovviamente sorge un altro PROBLEMA:
il menu orizzontale a tendina è stato creato con fireworks ed è contenuto in un div...mi rileva lo posizionamento con le percentuali ma non mi rileva il riposizionamento con i margini negativi...risultato è che le voci di sottomenu escono posizionati in un altra zona (quella relativa allo posizionamento con le percentuali)..

come posso risolvere il problema??

sito: www.rootsofdeath.com

[skatercorpse]

html, body {
background-color:black;
margin: 0 auto;}


div#container{
position: absolute;
top: 50%;
left: 50%;
height:610px;
width:800px;
background-color:#edf0f2;
margin-top: -305px;
margin-left: -400px;
border: 0px;
padding: 0px;}


div#minicontainer{
float:left;
height:610px;
width:670px;
background-color:black;
margin:0;
border:0;
padding:0;}


div#top{
width:670px;
height:210px;
padding: 0px;
background-color: black;
background-image: url(top70.jpg)}


div#naviga{
background-color: #eef0f2;
background-image: url();
background-repeat: repeat;
width:670px;
height:18px;
\height:18px;
he\ight:18px;
padding:0px 0;}


div#contenuto{
background-color: black;
background-image: url(main.jpg);
background-repeat: no-repeat;
background-attachment: ;
margin:0;
width: 610px;
\width:670px;
w\idth:610px;
height:362px;
\height:372px;
he\ight:362px;
padding:5px 30px;
overflow:auto;}

div#contenuto2{
background-color: transparent;
margin:0px 0px 0px 20px;
width: 570px;}

div#concerti{
float:right;
background-color:black;
background-image: url(concerti.jpg);
margin:0;
width:120px;
\width:130px;
w\idth:120px;
height:580px;
\height:600px;
he\ight:580px;
padding:10px 5px;}


div#concertismall{
float:center;
margin: 20px auto auto auto;
width: 110px;
\width: 120px;
w\idth: 110px;
padding: 0px 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;}


div#footer{
clear:both;
background-color:#edf0f2;
margin:0;
width:670px;
height:10px;
padding:0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 8px;
text-align: center;}


.titoli {
margin: 25px 0px 20px 0px;
padding:0px;
font-family: arial, verdana, helvetica;
font-size:16px;
font-weight: bold;
line-height:16px;
font-style: italic;
color: #336666;
text-align: left;}


.sfondochiaro {
margin: 10px 0px 0px 0px;
padding:0px;
font-family: arial, verdana, helvetica;
font-size:12px;
line-height:12px;
font-style: italic;
font-weight: bold;
color: #336666;
text-align: left;
background-color: #edf0f2;}

.testo {
margin: 0px;
padding: 0px;
font-family: arial, verdana, helvetica;
font-size: 11px;
color: black;
text-align: left; }

.centrato {
margin: 0px;
padding: 0px;
font-family: arial, verdana, helvetica;
font-size: 11px;
color: black;
text-align: center; }

#link {

font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
color: black;}

#link a {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: black;
text-decoration: none;
width: auto;
border-width: 0px;
border-style: solid;
border-bottom-color: #000000;
padding: 0px;}

#link a:hover {
font-family: arial,helvetica,sans-serif;
font-size:11px;
color:#336666;}

a.link2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0px;
line-height: 11px;
color: black;
text-decoration: none;
width: auto;
border-width: 0px;
border-style: solid;
border-bottom-color: #000000;
padding: 0px;}

a.link2:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0px;
line-height: 11px;
color: #336666;
text-decoration: none;
width: auto;
border-width: 0px;
border-style: solid;
border-bottom-color: #000000;
padding: 0px;}

.bright {
background-color: #edf0f2;
margin: 0px;
padding: 0px;
font-family: arial, verdana, helvetica;
font-size: 11px;
color: black;
text-align: left;}

.dark {
background-color: ;
margin: 0px;
padding: 0px;
font-family: arial, verdana, helvetica;
font-size: 11px;
color: black;
text-align: left;}

[skatercorpse]

<meta name="author" content="Mattia Tamò">

<meta name="description" content="Roots of death, metal band svizzera mesolcinese/ticinese."

<meta name="keywords" content="Roots of death Metal Metalcore Hardcore Death Thrash Ticino Svizzera Switzerland Swiss CH Paolo Paolino Peolo Dome Boris Bolla Kevin Ticinese Rootsofdeath Mesolcina Saturation point Terror Manipulated senses Walls of silence Time Human Crime Demo Cd EP">

<meta name="language" content="It">

<meta name="generator" content="Blocco note">

<meta name="copyright" content="copyright.roots of death.2005">

<title>
Roots Of Death Official Website :: Death/thrash metal-core from Switzerland
</title>




<script language="javascript">
if (typeof window.opera!="undefined") {
document.write('<'+'link rel="stylesheet" href="stile.css" />');
} else
if (navigator.appName=="Microsoft Internet Explorer") {
document.write('<'+'link rel="stylesheet" href="stile_ie.css" />');
} else {
document.write('<'+'link rel="stylesheet" href="stile.css" />');
}
</script>

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function mmLoadMenus() {
if (window.mm_menu_0124213523_0) return;
window.mm_menu_0124213523_0 = new Menu("root",67,18,"Arial, Helvetica, sans-serif",12,"#336666","#083838","#edf0f2","#dae0e3", "left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0124213523_0.addMenuItem("Line-up","location='members.html'");
mm_menu_0124213523_0.addMenuItem("Biography","loca tion='bio.php'");
mm_menu_0124213523_0.hideOnMouseOut=true;
mm_menu_0124213523_0.menuBorder=1;
mm_menu_0124213523_0.menuLiteBgColor='#edf0f2';
mm_menu_0124213523_0.menuBorderBgColor='#edf0f2';
mm_menu_0124213523_0.bgColor='#edf0f2';
window.mm_menu_0124214705_1 = new Menu("root",78,18,"Arial, Helvetica, sans-serif",12,"#336666","#083838","#edf0f2","#dae0e3", "left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0124214705_1.addMenuItem("Discography","lo cation='disco.php'");
mm_menu_0124214705_1.addMenuItem("Lyrics","locatio n='lyrics.php'");
mm_menu_0124214705_1.hideOnMouseOut=true;
mm_menu_0124214705_1.menuBorder=1;
mm_menu_0124214705_1.menuLiteBgColor='#edf0f2';
mm_menu_0124214705_1.menuBorderBgColor='#edf0f2';
mm_menu_0124214705_1.bgColor='#edf0f2';
window.mm_menu_0124214837_2 = new Menu("root",54,18,"Arial, Helvetica, sans-serif",12,"#336666","#083838","#edf0f2","#dae0e3", "left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0124214837_2.addMenuItem("Sound","location ='sound.php'");
mm_menu_0124214837_2.addMenuItem("Pictures","locat ion='pics.php'");
mm_menu_0124214837_2.addMenuItem("Graphic","locati on='graphic.php'");
mm_menu_0124214837_2.addMenuItem("Press","location ='press.html'");
mm_menu_0124214837_2.hideOnMouseOut=true;
mm_menu_0124214837_2.menuBorder=1;
mm_menu_0124214837_2.menuLiteBgColor='#edf0f2';
mm_menu_0124214837_2.menuBorderBgColor='#edf0f2';
mm_menu_0124214837_2.bgColor='#edf0f2';
window.mm_menu_0124215031_3 = new Menu("root",74,18,"Arial, Helvetica, sans-serif",12,"#336666","#083838","#edf0f2","#dae0e3", "left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0124215031_3.addMenuItem("Nextshows","loca tion='showsnext.php'");
mm_menu_0124215031_3.addMenuItem("Pastshows","loca tion='showspast.php'");
mm_menu_0124215031_3.hideOnMouseOut=true;
mm_menu_0124215031_3.menuBorder=1;
mm_menu_0124215031_3.menuLiteBgColor='#edf0f2';
mm_menu_0124215031_3.menuBorderBgColor='#edf0f2';
mm_menu_0124215031_3.bgColor='#edf0f2';
window.mm_menu_0124215141_4 = new Menu("root",73,18,"Arial, Helvetica, sans-serif",12,"#336666","#333333","#edf0f2","#dae0e3", "left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0124215141_4.addMenuItem("Band","location= 'info.php'");
mm_menu_0124215141_4.addMenuItem("Webmaster","loca tion='web.php'");
mm_menu_0124215141_4.hideOnMouseOut=true;
mm_menu_0124215141_4.menuBorder=1;
mm_menu_0124215141_4.menuLiteBgColor='#edf0f2';
mm_menu_0124215141_4.menuBorderBgColor='#edf0f2';
mm_menu_0124215141_4.bgColor='#edf0f2';
window.mm_menu_0124215246_5 = new Menu("root",75,18,"Arial, Helvetica, sans-serif",12,"#336666","#333333","#edf0f2","#dae0e3", "left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0124215246_5.addMenuItem("Bands","location ='linksbands.php'");
mm_menu_0124215246_5.addMenuItem("Friends","locati on='linksfriends.php'");
mm_menu_0124215246_5.addMenuItem("Instruments","lo cation='linksinstruments.php'");
mm_menu_0124215246_5.addMenuItem("Fun,other","loca tion='linksother.php'");
mm_menu_0124215246_5.hideOnMouseOut=true;
mm_menu_0124215246_5.menuBorder=1;
mm_menu_0124215246_5.menuLiteBgColor='#edf0f2';
mm_menu_0124215246_5.menuBorderBgColor='#edf0f2';
mm_menu_0124215246_5.bgColor='#edf0f2';

mm_menu_0124215246_5.writeMenus();
} // mmLoadMenus()

//-->
</script>
<script language="JavaScript1.2" src="menu/mm_menu.js"></script>

[skatercorpse]

<table border="0" cellpadding="0" cellspacing="0" width="670">

<tr>
<td>[img]menu/home.gif[/img]</td>
<td>[img]menu/news.gif[/img]</td>
<td>[img]menu/band.gif[/img]</td>
<td>[img]menu/music.gif[/img]</td>
<td>[img]menu/media.gif[/img]</td>
<td>[img]menu/shows.gif[/img]</td>
<td>[img]menu/merch.gif[/img]</td>
<td>[img]menu/guestbook.gif[/img]</td>
<td>[img]menu/contact.gif[/img]</td>
<td>[img]menu/links.gif[/img]</td>

</tr>
</table>

[skatercorpse]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<?php include("head.inc"); ?>
</head>


<body onLoad="MM_preloadImages('menu/home2.gif','menu/news2.gif','menu/band2.gif','menu/music2.gif','menu/media2.gif','menu/shows2.gif','menu/merch2.gif','menu/guestbook2.gif','menu/contact2.gif','menu/links2.gif');">

<div id="container">
<div id="minicontainer">

<div id="top"></div>

<div id="naviga">
<script language="JavaScript1.2">mmLoadMenus();</script>
<?php include("menu.inc"); ?>
</div>

<div id="contenuto">
<p class="titoli">Benvenuto sul sito ufficiale dei ROD!</p>
<div align="center">[img]rod.jpg[/img]</div>

<font face="arial,verdana,helvetica" size="1" align="right">Last Update: Sep 06, 2006</font>
</div>

<div id="footer">Copyright &copy Roots Of Death</div>

</div>

<div id="concerti"><?php include("concerti.inc"); ?></div>
</div>

</body>

</html>

[skatercorpse]

proprio nessuno che può aiutarmi?
qualcuno ha già riscontrato un problema simile?