grazie dover... nel codice che posto c'é anche lo style che poi metterò fuori.
uso i div perchè sul web ho trovato un menù davvero carino che fa le trasparenze.....

ti ringrazio per l'aiuto...nel frattempo mi spulcio html alla ricerca di qualcosa.....

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>
A {
	BORDER-RIGHT: #ffe 1px solid; BORDER-TOP: #ffe 1px solid; BORDER-LEFT: #ffe 1px solid; BORDER-BOTTOM: #ffe 1px solid; TEXT-DECORATION: none
}
A:hover {
	BORDER-RIGHT: #ff8c00 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff8c00 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; BORDER-LEFT: #ff8c00 1px solid; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #ff8c00 1px solid; BACKGROUND-COLOR: #e0e0e0; TEXT-DECORATION: none
}
A:link {
	FONT-SIZE: 8pt; COLOR: #ff8c55; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
DIV {
	CURSOR: hand; TEXT-DECORATION: none
}
.a {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; BACKGROUND: #CC0000; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 140px; HEIGHT: 40px; FONT-VARIANT: normal
}
.b {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 9; BACKGROUND: #CC0000; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 185px; HEIGHT: 40px; FONT-VARIANT: normal
}
.c {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 8; BACKGROUND: #CC0000; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 230px; HEIGHT: 40px; FONT-VARIANT: normal
}
.d {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 7; BACKGROUND: #CC0000; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 275px; HEIGHT: 40px; FONT-VARIANT: normal
}
.e {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 6; BACKGROUND: #CC0000; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP:320px; HEIGHT: 40px; FONT-VARIANT: normal
}

BODY {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url() #333333 no-repeat 45px 18px; MARGIN: 0px; FONT: bold 10px verdana; BORDER-LEFT: 0px; COLOR: #7f98b7; BORDER-BOTTOM: 0px
}


</STYLE>

<META content="MSHTML 5.50.4926.2500" name=GENERATOR></HEAD>
<BODY><a href="home.htm" target="testo">
<DIV class=a id=1 onmouseover=st1(20,1) onmouseout=st2(80,1)>products</DIV></A>
<DIV class=as id=a1><TABEL><TR><TD></TABLE></DIV><A 
href="http://www.kreativamente.com">
<DIV class=b id=2 onmouseover=st1(20,2) onmouseout=st2(80,2)>support</DIV></A>
<DIV class=bs id=a2><TABEL><TR height="100%" 
width="100%"><TD></TR></TD></TABLE></DIV><A href="">
<DIV class=c id=3 onmouseover=st1(20,3) onmouseout=st2(80,3)>download</DIV></A>
<DIV class=bs id=a2><TABEL><TR><TD></TABLE></DIV><A href="">
<DIV class=d id=4 onmouseover=st1(20,4) onmouseout=st2(80,4)>contact</DIV></A>
<DIV class=bs id=a2><TABEL><TR><TD></TABLE></DIV><A href="">
<DIV class=e id=5 onmouseover=st1(20,5) onmouseout=st2(80,5)>order</DIV></A>
<DIV class=bs id=a2><TABEL><TR><TD></TABLE></DIV>
<DIV class=g id=7 >
</DIV>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0" >
  
  <tr>
    <td width="780" height="88" valign="top">[img]imageUP.jpg[/img]</td>
  </tr>
  <tr>  </tr>
</table>
<SCRIPT>
aus();
function st1(a,id){
i=a;i+=19;
document.getElementById(id).style.letterSpacing=i/9;
document.getElementById(id).style.filter='alpha(opacity='+i+')';
if (i<90){setTimeout('st1('+i+','+id+')',1)}return(i)}

function st2(a,id){
i=a;i-=5;
document.getElementById(id).style.letterSpacing=i/13
document.getElementById(id).style.filter='alpha(opacity='+i+')';

if (i>50){setTimeout('st2('+i+','+id+')',1)}}
function aus(){
for (z=1;z<=5;z++){
document.getElementById(z).style.filter='alpha(opacity=70)';
document.getElementById(z).style.letterSpacing=2;
document.getElementById(7).style.filter='progid:DXImageTransform.Microsoft.Shadow(direction=130,color=gray,strength=5)'}
}
</SCRIPT>
<SCRIPT language=JavaScript>
nedstatbasic("ABEsyQFtNLgfEEbtEj/ekbQUdSuQ", 0);
</SCRIPT>
<table width="780" height="579" border="0" align="center" cellpadding="0" cellspacing="0" background="sfondo.jpg">
  
  <tr>
    <td width="237" height="48"></td>
    <td width="482"></td>
    <td width="61"></td>
  </tr>
  <tr>
    <td height="478"></td>
    <td valign="top"><IFRAME  name="testo"  frameBorder=0 width=482 scrolling=no height=478></IFRAME></td>
    <td></td>
  </tr>
  <tr>
    <td height="53"></td>
    <td></td>
    <td></td>
  </tr>
</table>
</BODY></HTML>