<div id="t" style="position:absolute; top:0; left:10; z-index:1;text-align:center;">
<div id=menu></div>
</div>

<div id="t" style="position:absolute; top:0; left:10; z-index:1;text-align:center;background-color:red;width:900px">
<div><img src="abc.gif"></div>
</div>

<div style="margin-left:50%;margin-top:50%">
		<ul class="hmenu">
			<li>
				<a href="#">About us</a>
				<ul>
					<li><a href="#">Profil</a></li>
...

Hmenu.prototype.addBehavior = function() {
	// get menu roots
	var node;
	var i =  0 ;
	var k =  1 ;
	while((node = document.getElementsByTagName('UL').item(i++))) {
		if (node.className == 'hmenu') {
			var width= 0 
			node.className = 'hmenuALIB';
			for (var j =  0 ; j < node.childNodes.length;j++) {
				if (node.childNodes[j].tagName == 'LI'){
					Hmenu.prototype.initMenuItem(node.childNodes[j], k++);
					width+=node.childNodes[j].scrollWidth
				}
			}
			node.style.width=width
		}
	}
}