Positioning 3 content boxes next to each other
===

I have a main container called Content, within that container I have 3 content boxes. Now I want them to be aligned next to each other like so: X X X. In a tutorial I read that I should float them all to the left. This works for the first 2 but the third one never appears (I'm sure the path is correct, because when I put it as second it does show up. Can somebody help me?

   #content {

	width: 1200px;
	height: 254px;
	
	}
	
   #about_us {

	background-image: url(../website/images/about_benshore.png);
	width: 307px;
	height: 183px;
	float: left;
	margin-top: 26px;
	margin-left: 119px;
	
	}
	
    #our_services {

	background-image: url(../website/images/our_services.png);
	width: 308px;
	height: 184px;
	float: left;
	margin-top: 26px;
	margin-left: 23px;
	
	}

    #contact_us {

	background-image: url(../website/images/contact_us.png);
	width: 307px;
	height: 183px;
	float: left;
	margin-top: 26px;
	margin-left: 23px;
		
	}