Hello everyone! A pre-emptive thank you to anyone and everyone who reads and responds to my questions! I'm new to CSS, being more of a designer and far, far less of a coder, so forgive any potential glaring errors I may be making. I'm having to learn all this stuff as I go along, with little to no guidance, so any advice you guys might have as far as repairing my lackluster coding will be taken with shy graciousness.

I'm attempting to put together a basic template for a website I am trying to build, to use in conjunction with concrete5, an open-source CMS. I've managed to make it look and operate correctly in IE and Chrome, but in FireFox the navbar on the bottom does not align itself correctly. It jumps several hundred pixels down the page and jolts sharply to the left.

I've managed to make use of the @-moz tag to get it to accept FireFox-specific behavior. However, I cannot get it to maintain absolute positioning, despite assigning it that attribute. Rescaling the window or zooming in and out in a browser causes it to slide around willy-nilly, even if I reposition it specifically in the CSS.

As a note, I had a lot of trouble getting other elements to properly center in the process of making the whole template, but I'm not sure what was causing that, either. I've not been able to get things to center themselves properly or respond correctly to instructions; I'm basically running in the dark, here.

The code is below. Please let me know what I'm doing wrong!

Code:
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
$this->inc('elements/header.php');
?>

<body>
<div id="container">
    <div id="navbar">
	   	<div class="navspacer">
        	<a href=""></a></div>
        <div class="nav1">
        	<a href="plans.html"></a></div>
        <div class="nav2">
        	<a href="phones.html"></a></div>
        <div class="nav3">
        	<a href="broadband.html"></a></div>
        <div class="nav4">
        	<a href="index.html"></a></div>
		<div class="nav5">
        	<a href="services.html"></a></div>
		<div class="nav6">
        	<a href="accessories.html"></a></div>
   		<div class="nav7">
        	<a href="locations.html"></a></div>
          <div class="display">
          <div class="presentation">
          	<div class="columnzone">
		<div class="column1">
			<div class="columncontent">
				  <?php
         	$a = new Area('Sidebar');
         	$a->display($c);
         	?>
			</div>
            </div>
		<div class="column2">
			<div class="columncontent">
			    <?php
         	$a = new Area('Main');
         	$a->display($c);
         	?>
			</div>
		</div>
		<div class="column3">
			<div class="columncontent">
			    <?php
         	$a = new Area('Column3');
         	$a->display($c);
         	?>
			</div>
		</div>
        </div>
        </div>
	<div id="bottomnav">
        <div class="bnav1">
        	<a href="contactus.html"></a></div>
        <div class="bnav2">
        	<a href="feedback.html"></a></div>
        <div class="bnav3">
        	<a href="employment.html"></a></div>
      	</div>
        </div>
        </div>
</div>
</div>
<div class="footer">
<?php  $this->inc('elements/footer.php'); ?>
</div>
</body>
And the CSS:

Code:
/* CSS Document */

body {
	font:12px Trebuchet MS, Tahoma, Arial;
	color:#000000;
	background:url(/images/bg.jpg) repeat;
				
}

#container {
margin:0 auto;
width:1050px;
bottom:0;
}

/*	NavBar 	*/

#navbar {
	width: 928px;
	height: 90px;
	position:absolute;
	padding-left:50px;
	top:0;
}

#navbar li {
    list-style:none;
    display:inline;
}

.navspacer a {
	display:inline;
	float:left;
	width: 20px;
	height: 90px;
	background:url(/images/nav00.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav1 a {
	display:inline;
	float:left;
	width: 132px;
	height: 90px;
	background:url(/images/nav01.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav1 a:hover { 
	background:url(/images/nav08.png) no-repeat;
}

.nav2 a {
	display:inline;
	float:left;
	width: 127px;
	height: 90px;
	background:url(/images/nav02.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav2 a:hover { 
	background:url(/images/nav09.png) no-repeat;
}

.nav3 a {
	display:inline;
	float:left;
	width: 139px;
	height: 90px;
	background:url(/images/nav03.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav3 a:hover { 
	background:url(/images/nav10.png) no-repeat;
}

.nav4 a {
	display:inline;
	float:left;
	width: 114px;
	height: 90px;
	background:url(/images/nav04.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav4 a:hover { 
	background:url(/images/nav04.png) no-repeat;
}

.nav5 a {
	display:inline;
	float:left;
	width: 126px;
	height: 90px;
	background:url(/images/nav05.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav5 a:hover { 
	background:url(/images/nav12.png) no-repeat;
}

.nav6 a {
	display:inline;
	float:left;
	width: 129px;
	height: 90px;
	background:url(/images/nav06.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav6 a:hover { 
	background:url(/images/nav13.png) no-repeat;
}

.nav7 a {
	display:inline;
	float:left;
	width: 141px;
	height: 90px;
	background:url(/images/nav07.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.nav7 a:hover { 
	background:url(/images/nav14.png) no-repeat;
}

/*	NavBar End 	*/


/*	Central Display Area 	*/

.display {
	display:block;
	height:475px;
	left: 74Px;
	position: static	;
	width:950px; 
	background:url(/images/display.png) top no-repeat;

}

/*	Central Display Area 	*/


/*	Presentation Area 	*/

.presentation {
	display:block;
	height:466px;
	position: absolute;
	left:71px;
	width:908px;
	top:421px;
	background:url(/images/presentation01.png) top no-repeat;
}


.columnzone {
	margin-top:-35px;
	padding-top:52px;
	position:relative;
	z-index:0;
}

.columncontent {
	padding: 18px 0px 0px 0px;
}

.column1 {
	width:259px;
	float:left;
	padding: 0px 15px 10px 20px;
}

.column2 {
	width:303px;
	float:left;
	padding: 0px 10px 10px 9px;
}

.column3 {
	width:259px;
	float:left;
	padding: 0px 10px 10px 15px;
}

/*	Presentation Area End	*/


/*	Bottom Nav	*/


#bottomnav {
	display:block;
	width: 928px;
	height: 90px;
	position:absolute;
	margin-top:887px;
	margin-left:21px;
}

#bottomnav li {
    list-style:none;
    display:inline;
}

.bnav1 a {
	display:inline;
	float:left;
	width: 326px;
	height: 37px;
	background:url(/images/presentation02.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.bnav1 a:hover { 
	background:url(/images/presentation05.png) no-repeat;
}

.bnav2 a {
	display:inline;
	float:left;
	width: 250px;
	height: 37px;
	background:url(/images/presentation03.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.bnav2 a:hover { 
	background:url(/images/presentation06.png) no-repeat;
}

.bnav3 a {
	display:inline;
	float:left;
	width: 332px;
	height: 37px;
	background:url(/images/presentation04.png) no-repeat;
	text-decoration: none;
	position:inherit;
}

.bnav3 a:hover { 
	background:url(/images/presentation07.png) no-repeat;
}


@-moz-document url-prefix() {
  #bottomnav {
   	display: inline-block;
	position:absolute;
	width: 928px;
	height: 90px;
margin-left:0px;
padding:0 0 0 0; 
} 

/*	Bottom Nav End	*/

.footer {
	background:url(/images/footer.png) no-repeat;
	height:60px;
	text-align:center;
	color:#fefaca;
	padding-top:18px;
	margin-top: -500px;
	margin-bottom:20px;
	position:relative;
	z-index:2;
}