Buongiorno a tutti e scusate nuovamente del disturbo.
Avrei bisogno di posizionare un menù ( elemento orizzontale largo tutto lo schermo) in posizione fissa in basso al monitor.
tutto facile direte voi! il problema è che il sito ha un laout per cui le pagine scorrono in senso verticale (come nell'esempio www.ishuplus.com)
in pratica come nell'esempio chevi ho postato io ho un andamento verticale e dovrei inserire un menù fisso in basso....sto impazzendo come devo fare????

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta property="og:title" content="Officine Modelli"/>
<meta property="og:type" content="example:shoes"/>
<meta property="og:url" content="http://www.officinemodelli.com"/>
<meta property="og:site_name" content="Officine Modelli"/>
<meta property="og:description" content=""/>
<title>OFFICINE MODELLI</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style_effetto.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.aw-showcase.js"></script>

<script type="text/javascript" src="js/script_js.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/mootools.js"></script>

<script type="text/javascript" charset="utf-8">
window.addEvent('domready', function() {

	// var declaring
	menuItems = $$('#menu li');
	menuRelatedItems = $$('#menu li');
	var menuButtonSelected;

	menuItems.each(function(item){
		// span effects creation
	   	var span = new Element('span', { text: item.get('text') });
		item.set('text', '').grab(span, 'bottom').grab(span.clone().set('class', 'over'), 'bottom');
		item.getFirst().set('tween', { duration: 300, transition: Fx.Transitions.Expo.easeInOut });
		
		// roll over/out/click
		
		item.addEvents({
			'mouseenter': function(){ 
								if( this!=menuButtonSelected )
								this.getElement('span').tween("margin-top",-16);
			     		  },
			'mouseleave': function(){ 
								if( this!=menuButtonSelected ) 
								this.getElement('span').tween("margin-top",0);
						 },
						});
				});
		});
</script>

<script type="text/javascript">
    var addthis_config = {"data_track_clickback":true};
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-11382876-8']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script type="text/javascript">
var ciclo = 1;
var dvs = 1;
function loadXMLDoc(contenitore, url){
var xmlhttp;
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else{// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(contenitore).innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET", url ,true);
xmlhttp.send();
}


function facebook_share(contenitore, url){
var xmlhttp;
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else{// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(contenitore).innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET", url ,true);
xmlhttp.send();
}

</script>
<script type="text/javascript">

$(document).ready(function()
{
	$("#showcase_1").awShowcase(
	{
		content_width:			700,
		content_height:			400,
		fit_to_parent:			false,
		auto:					false,
		interval:				3000,
		continuous:				false,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					false,
		buttons:				true,
		btn_numbers:			true,
		keybord_keys:			true,
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true,
		stoponclick:			false,
		transition:				'fade', /* hslide/vslide/fade */
		transition_delay:		0,
		transition_speed:		500,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				false,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
		custom_function:		null /* Define a custom function that runs on content change */
	});
	$("#showcase_2").awShowcase(
	{
		content_width:			700,
		content_height:			320,
		fit_to_parent:			false,
		auto:					false,
		interval:				3000,
		continuous:				false,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					false,
		buttons:				true,
		btn_numbers:			true,
		keybord_keys:			true,
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true,
		stoponclick:			false,
		transition:				'fade', /* hslide/vslide/fade */
		transition_delay:		0,
		transition_speed:		500,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				false,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
		custom_function:		null /* Define a custom function that runs on content change */
	});
	$("#showcase_3").awShowcase(
	{
		content_width:			700,
		content_height:			320,
		fit_to_parent:			false,
		auto:					false,
		interval:				3000,
		continuous:				false,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					false,
		buttons:				true,
		btn_numbers:			true,
		keybord_keys:			true,
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true,
		stoponclick:			false,
		transition:				'fade', /* hslide/vslide/fade */
		transition_delay:		0,
		transition_speed:		500,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				false,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
		custom_function:		null /* Define a custom function that runs on content change */
	});
});

</script>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

</head>

<body>

<div id="menu2" class="showcase-load"> 
  <ul>
    <li id="menu2_chisiamo" style="cursor:pointer;"><font color="#999999" face="Century Gothic">CHI 
      SIAMO </font>
    <li id="menu2_news" style="cursor:pointer;"><font color="#999999" face="Century Gothic">NEWS</font>
    <li id="menu2_collezioni" style="cursor:pointer;"><font color="#999999" face="Century Gothic">COLLEZIONI</font>
    <li id="menu2_contatti" style="cursor:pointer;"><font color="#999999" face="Century Gothic">CONTATTI</font>
    <li id="menu2_puntiv" style="cursor:pointer;"><font color="#999999" face="Century Gothic">PUNTI 
      VENDITA</font>
    <li id="menu2_surf" style="cursor:pointer;"><font color="#999999" face="Century Gothic">AREA 
      RISERVATA</font>[*]<font color="#999999">En</font>[/list]
</div>

<div id="chisiamo_esterno">
  <div id="chisiamo"></div>
</div>

<div id="scroll_1" onmouseout="scroll_out_1();"></div>

<div id="news_esterno">
  <div id="news"></div>
</div>

<div id="scroll_2" onmouseout="scroll_out_2();"></div>
<div id="scroll_3" onmouseout="scroll_out_3();"></div>

<div id="collezioni_esterno">
  <div id="collezioni"></div>
</div>

<div id="scroll_4" onmouseout="scroll_out_4();"></div>
<div id="scroll_5" onmouseout="scroll_out_5();"></div>

<div id="pv_esterno">
  <div id="pv"></div>
</div>

<div id="scroll_6" onmouseout="scroll_out_6();"></div>
<div id="scroll_7" onmouseout="scroll_out_7();"></div>

<div id="contatti_esterno"> 
  <div id="contatti"></div>
</div>

</body>
</html>