Вопрос: Прижать блок к нижней части окна браузера
Здравствуйте помогите пж разобратся, как прилепить плавующий блок к нижней части окна браузера чтоб работал во всех браузерахЕсли не трудно исправте пожалуйста что я там намудрил !
плавующий блок
CSS
body{margin:100px; padding:0px;}
#fl_menu{position:absolute; top:800px; left:0px; z-index:9999; width: 80%; height: 0;}
#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#ffffff; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
а вот скрипт
//config
$float_speed=1500; //milliseconds
$float_easing="easeOutQuint";
$menu_fade_speed=500; //milliseconds
$closed_menu_opacity=0.75;
//cache vars
$fl_menu=$("#fl_menu");
$fl_menu_menu=$("#fl_menu .menu");
$fl_menu_label=$("#fl_menu .label");
$(window).load(function() {
menuPosition=$('#fl_menu').position ().top;
FloatMenu();
$fl_menu.hover(
function(){ //mouse over
$fl_menu_label.fadeTo($menu_fade_sp eed, 1);
$fl_menu_menu.fadeIn($menu_fade_spe ed);
},
function(){ //mouse out
$fl_menu_label.fadeTo($menu_fade_sp eed, $closed_menu_opacity);
$fl_menu_menu.fadeOut($menu_fade_sp eed);
}
);
});
$(window).scroll(function () {
FloatMenu();
});
function FloatMenu(){
var scrollAmount=$(document).scrollTop( );
var newPosition=menuPosition+scrollAmou nt;
if($(window).height()