Código funciona no IE, no Firefox não

Fiz minha primeira página. Só que ela só funciona no IE. Testei no FF e ficou toda bagunçada. Alguém pode me ajudar? ai vai o endereço: www.jvtalarmes.hpg.com.br este é o css que tentei fazer: *{margin:0;} body { padding: 0; margin:0; } #menu, #segundacoluna, #terceiracoluna,#quartacoluna, #rodape , .contato, .texto, .titulo { font: 8.5pt Verdana, Tahoma, Arial; } #topo { width: 779px; height:72px; padding: 10px 8px 0px } .logo{ width: 247px; height:72px; background-image: url("logojvt1.GIF"); } #menu { width: 779px; height:47px; background-image: url("beckground-menu-horizontal.gif"); font: 14px; } #menu ul li { display: inline; } #menu ul li a { margin: 0; padding:15px 10px 15px; float: left; color: #FFFFFF; text-decoration: none; border-right:1px solid #BCBCBC; } #menu ul li a:hover { background-color: #B8DB7C; color: #FFFFFF; } #conteudogeral { width: 779px; height:280px; float: top; } #primeiracoluna { width: 220px; height:321px; margin-right:5px; float: left; background-color: #FF9900; } #segundacoluna { width:100px; height:280px; margin-right:10px; padding-left:5px; float:left; color:#cccc99; } #terceiracoluna { border-left:2px dotted #B8DB7C; width: 75px; height:287px; padding: 5px 10px 0px; margin: 10px; float: left; } #primeiraimagem { width: 59px; height:59px; margin-bottom: 15px; float: left; } #segundaimagem { width: 59px; height:59px; margin-bottom: 15px; float: left; } #terceiraimagem { width: 59px; height:59px; margin-bottom: 15px; float: left; } #quartaimagem { width: 59px; height:59px; float: left; } .titulo{ position: relative; width:315px; height:0px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; float: right; } .texto { position: relative; width:315px; height:0px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; float: right; } .contato { position: relative; width:315px; height:0px; padding-top: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; float: right; } .imagem{ position: relative; width:30px; height:30px; float: right; padding-bottom:0px; } h5, h4, h3, h2, h1 { color: #b8db7c; } p { text-align: justify; } p.telefone { color: #000000; font-size: 30px; font-family: haettenschweiler, Tahoma, Verdana, Arial; } #rodape { width: 779px; height:47px; padding: 18px 18px; clear: boot; background-image: url("beckground-menu-horizontal.gif"); background-repeat: no-repeat; } p.rodape{ text-align: right; color: #FFFFFF; } É isso ai. Quem puder dar uma força! valeu.