DIV tag isn't showing in Firefox?!

Aleece Peon

Messages:: 2

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#1

Right, I'm new to HTML and CSS so I'm not going to be surprised if why this is going wrong is because I've missing out something horrificly basic like a close tag... So sorry in advance guys!

I've designed my basic website in Photoshop, cut it all up, saved for web and now Im putting it into Dreamweaver. Im stumped though, one of the divs won't show when I view in Firefox, and even when I put a h1 tag inside, it isn't in the right place! (However much I know I shouldn't trust design view AT ALL. But it works in there )

Here is my HTML
<body>
<div id="content">
    <div id="linkFiller">     
    </div> 
        
	    <div id="menu"> 
        	<ul>
            	<li><a href="index.html" target="_self">ABOUT</a></li>
                <li><a href="portfolio.html" target="_self">PORTFOLIO</a></li>
                <li><a href="contact.html" target="_self">CONTACT</a></li>
                </ul>
       </div> 

       <div id="contentBox">
       	
       </div> 
</div>	
Code (markup):
Here is my CSS
body {
	background-color: #000;
	background-image: url(Images/Banner.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: center top;
	color: #FFF;
}

#content{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

#linkFiller {
	float: left;
	height: 263px;
	width: 1000px;
}

#menu ul {
	padding: 0px;
	float: left;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 500px;
	margin-left: 70px;
}
#menu ul li {
	float: left;
}

#menu ul li a {
	font-family: Arial, Helvetica, sans-serif
	font-size: x-large;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;#subFiller {
	float: left;
	height: 115px;
	width: 508px;
}

#contentBox {
	background-image:url(Images/Content2.png);
	float: left;
	height: 185px;
	width: 525px;
	margin-top: 55px;
	margin-right: 420px;
	margin-left: 250px;
	background-color: #000;
} 
Code (markup):
I really hope someone knows where I am going wrong, and if someone does spot it could you explain where it went wrong and not just changing bits and pieces so I can learn from my mistakes
Thank you so muchh!