My unordered list menu bar displays fine in Internet Explorer, but shows about 40 px to the right when I open the file in Firefox.
Any idea of what will fix this?
New to site programming.
CSE HTML Validator v8.04
Site is not live, existing site is a sitebuilder site. Ew.
<!------------index to site------------->
<?xml version="1.0" charset="iso-8859-1"?>
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<html xmlns=" xml:lang="en-US">
<head profile="
<title>Mound Fire Department</title>
<link rel="stylesheet" type="text/css" href="MFD_base.css" />
<meta name="DC.Creator" content="MFD" />
<meta name="DC.Subject" xml:lang="EN" content="Mound Fire Department" />
<!--Last modified date UPDATE-->
<meta name="DC.Date.X-MetadataLastModified" content="2010-05-13" />
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<!--index meta data-->
<meta name="DC.Title" xml:lang="EN" content="Mound Fire Department" />
<meta name="pagename" content="Mound Fire Department" />
<meta name="DC.Identifier" content=" />
<meta name="keywords" content="Mound Fire Department, MFD, Mound, Mound Fire, Shorewood, Minnetonka, Minnetonka Beach, Spring Park, Minnetrista, Fire Safety, Fish Fry" />
<meta name="DC.Description" xml:lang="EN" content="Mound Fire Department is the official website of the Mound Fire Department located in Mound, Minnesota. It serves the communities of Mound, Spring Park, Minnetrista, Minnetonka Beach, and Shorewood. moundfire.com is designed as a community resource and reference for fire safety. This site contains information about community events, fundraising dates for the annual Mound Fire Department Fish Fry, uses for said funds, job application resources, public relations content, involvement information, and auxiliary organizations." />
</head>
<body>
<div id="grid">
<div id="page">
<!--Mound Fire Heading Image-->
<div id="header">
<img alt="firefighter training header image" class="border" src="Pics/training3HeaderShort.jpg" height="100" width="948" />
</div>
<!--Menu Bar-->
<ul id="siteNavigation">
<li><a id="menu1" class="menu1" href="./">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="pressroom.html">Press Room</a></li>
<li><a href="fishfry.html">Fish Fry</a></li>
<li><a href="publicsafety.html">Public Safety</a></li>
<li><a href="services.html">Services</a></li>
<li><a id="menu7" class="menu7" href="contactus.html">Contact Us</a></li>
</ul>
<div id="flatPage">
<h2>Home Page</h2>
</div>
</div>
</div>
</body>
</html>
/*MFD_base.css*/
/*Global Styles
--------------------------------------------------------------*/
body {}
h1, h2, h3, h4 {font-family:Georgia, serif; color:#bd0000;}
p {}
address {}
/*img.border {border:1px solid #ababab;}*/
/*table {align:center; border-collapse:collapse; border:0px;}*/
/*Site Navigation----------------------------------------------*/
ul#siteNavigation {float: left; width: auto; margin:0; list-style:none;}
ul#siteNavigation li {float:left; display:inline;}
ul#siteNavigation li a {font-size:12px; font-weight:bold; line-height:12px; color:#333333; padding:10px 0 0 0; margin:0px; background:url("pics/btnnavCenter.gif") no-repeat; display: block; width:134px; height:30px; text-decoration:none; font-family:arial, sans-serif; text-align:center;}
ul#siteNavigation li a.menu1 {font-size:12px; font-weight:bold; line-height:12px; color:#333333; padding:10px 0 0 0; margin:0px; background:url("pics/btnnav1.gif") no-repeat; display: block; width:140px; height:30px; text-decoration:none; font-family:arial, sans-serif; text-align:center;}
ul#siteNavigation li a.menu7 {font-size:12px; font-weight:bold; line-height:12px; color:#333333; padding:10px 0 0 0; margin:0px; background:url("pics/btnnav7.gif") no-repeat; display: block; width:140px; height:30px; text-decoration:none; font-family:arial, sans-serif; text-align:center;}
ul#siteNavigation li a:hover {color:#bd0000;}
/*Background grid for build-----------------*/
div#grid {width:960px; margin-left:auto; margin-right:auto; background-color:#ededed; border:1px solid #cccccc; background-image:url("Pics/GRID.gif"); background-repeat:repeat-y; font-size:12px; text-align:left;}
/*Page frame settings-----------------------*/
div#page {margin:0px 5px 5px 5px; background-color:#e5e5e5; border:1px solid #000000;}
#header {margin:0px 0px 0px 0px; height:100px;}
#flatPage {margin:20px;}
#footer {background-color:#ffffff; height:40px; padding:10px; clear:both; border-top:20px solid #ffffff;}
Any idea of what will fix this?
New to site programming.
CSE HTML Validator v8.04
Site is not live, existing site is a sitebuilder site. Ew.
<!------------index to site------------->
<?xml version="1.0" charset="iso-8859-1"?>
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<html xmlns=" xml:lang="en-US">
<head profile="
<title>Mound Fire Department</title>
<link rel="stylesheet" type="text/css" href="MFD_base.css" />
<meta name="DC.Creator" content="MFD" />
<meta name="DC.Subject" xml:lang="EN" content="Mound Fire Department" />
<!--Last modified date UPDATE-->
<meta name="DC.Date.X-MetadataLastModified" content="2010-05-13" />
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<!--index meta data-->
<meta name="DC.Title" xml:lang="EN" content="Mound Fire Department" />
<meta name="pagename" content="Mound Fire Department" />
<meta name="DC.Identifier" content=" />
<meta name="keywords" content="Mound Fire Department, MFD, Mound, Mound Fire, Shorewood, Minnetonka, Minnetonka Beach, Spring Park, Minnetrista, Fire Safety, Fish Fry" />
<meta name="DC.Description" xml:lang="EN" content="Mound Fire Department is the official website of the Mound Fire Department located in Mound, Minnesota. It serves the communities of Mound, Spring Park, Minnetrista, Minnetonka Beach, and Shorewood. moundfire.com is designed as a community resource and reference for fire safety. This site contains information about community events, fundraising dates for the annual Mound Fire Department Fish Fry, uses for said funds, job application resources, public relations content, involvement information, and auxiliary organizations." />
</head>
<body>
<div id="grid">
<div id="page">
<!--Mound Fire Heading Image-->
<div id="header">
<img alt="firefighter training header image" class="border" src="Pics/training3HeaderShort.jpg" height="100" width="948" />
</div>
<!--Menu Bar-->
<ul id="siteNavigation">
<li><a id="menu1" class="menu1" href="./">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="pressroom.html">Press Room</a></li>
<li><a href="fishfry.html">Fish Fry</a></li>
<li><a href="publicsafety.html">Public Safety</a></li>
<li><a href="services.html">Services</a></li>
<li><a id="menu7" class="menu7" href="contactus.html">Contact Us</a></li>
</ul>
<div id="flatPage">
<h2>Home Page</h2>
</div>
</div>
</div>
</body>
</html>
/*MFD_base.css*/
/*Global Styles
--------------------------------------------------------------*/
body {}
h1, h2, h3, h4 {font-family:Georgia, serif; color:#bd0000;}
p {}
address {}
/*img.border {border:1px solid #ababab;}*/
/*table {align:center; border-collapse:collapse; border:0px;}*/
/*Site Navigation----------------------------------------------*/
ul#siteNavigation {float: left; width: auto; margin:0; list-style:none;}
ul#siteNavigation li {float:left; display:inline;}
ul#siteNavigation li a {font-size:12px; font-weight:bold; line-height:12px; color:#333333; padding:10px 0 0 0; margin:0px; background:url("pics/btnnavCenter.gif") no-repeat; display: block; width:134px; height:30px; text-decoration:none; font-family:arial, sans-serif; text-align:center;}
ul#siteNavigation li a.menu1 {font-size:12px; font-weight:bold; line-height:12px; color:#333333; padding:10px 0 0 0; margin:0px; background:url("pics/btnnav1.gif") no-repeat; display: block; width:140px; height:30px; text-decoration:none; font-family:arial, sans-serif; text-align:center;}
ul#siteNavigation li a.menu7 {font-size:12px; font-weight:bold; line-height:12px; color:#333333; padding:10px 0 0 0; margin:0px; background:url("pics/btnnav7.gif") no-repeat; display: block; width:140px; height:30px; text-decoration:none; font-family:arial, sans-serif; text-align:center;}
ul#siteNavigation li a:hover {color:#bd0000;}
/*Background grid for build-----------------*/
div#grid {width:960px; margin-left:auto; margin-right:auto; background-color:#ededed; border:1px solid #cccccc; background-image:url("Pics/GRID.gif"); background-repeat:repeat-y; font-size:12px; text-align:left;}
/*Page frame settings-----------------------*/
div#page {margin:0px 5px 5px 5px; background-color:#e5e5e5; border:1px solid #000000;}
#header {margin:0px 0px 0px 0px; height:100px;}
#flatPage {margin:20px;}
#footer {background-color:#ffffff; height:40px; padding:10px; clear:both; border-top:20px solid #ffffff;}
