Formulario de contato

[brunobrobr 2]

Galera boa noite, sou novo no topico de css aqui sou novo, mais minha duvida aqui e a seguinte, tenho um formulario de contato aqui, e estilizei ele no css mais nao esta ficando certo o formulario, olhem como o formulario esta:

 

https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpf1/v/t34.0-12/10524977_627665247342419_257077371_n.jpg?oh=3273354dc4bfe418d4720e9baf6ffcb7&oe=53C6DEC8&__gda__=1405517973_055340cce445092b1e649d7bec9fcb53

 

ta desalinhado e o botão de enviar nao esta clicando tambem , vou postar meu codigo css ( so a parte do formulario pois emu codigo esta muito grande)

/* INICIO DO CSS DO FORMULARIO*/

#form ul li {
	margin:20px 0;
	list-style:none;
	position:relative;
	clear:both;
}

#form label {
	margin:5px 0;
	line-height:45px;
	width:80px;
	text-align:left;
	float:left;
	color:#666;
}

#form input#name, #form input#email, #form input#subject, #form textarea {
	float:left;
	padding:15px;
	border:1px solid #CCCCCC;
	background:#fcfcfc;
	border-radius:5px;
	color:#BA5301;
}
#form input#name, #form input#email, #form input#subject {
	width:350px;
}

#form textarea {
	width:400px;
	height:80px;
	resize:none;
}

#form input {
	color:#999;
	float:left;
}

#form input#send_message {
	width:100px;
	height:40px;
	margin:20px 0 0 80px;
	cursor:pointer;
	font-size:5px;
	color:#f6f6f6;
	background:#999;
	border:1px solid #ccc;
	border-radius:5px;
}

#form input#send_message:hover {
	color:#999;
	background:#dcdcdc;
	border-color:#999;
}
 /* terminando formulario de contato */

e agora o formulario em html:

<!-- formulario de contato -->
                  <div id="BoxForm">
                            <form action="enviar_contato.php" method="post" id="form">
                                <ul>                      
                                    <li>
                                        <label for="name">Nome</label>
                                        <input type="text" name="name" id="name" />
                                    </li>
                                    <li>
                                        <label for="email">Email</label>
                                        <input type="text" name="email" id="email" />
                                    </li>
                                    <li>
                                        <label for="subject">Assunto</label>
                                        <input type="text" name="subject" id="subject" />
                                    </li>
                                    <li>
                                        <label for="telefone">Telefone</label>
                                        <input type="telefone" name="telefone" id="subject" />
                                    </li>
                                    	<li>
                                        <label for="message">Mensagem</label>
                                        <textarea name="message" id="message" rows="30" cols="30"></textarea>
                                    </li>
                                    <li>
                                        <input type="submit" id="send_message" value="Enviar" />
                                    </li>
                                </ul>
                            </form>
					</div> 

[sirshady 2]

Respondido no outro tópico....

[victorqueiroz 34]

Não use as tags <ul><li> --- Use tabelas

[Marlon Pacheco 132]

Aqui apareceu normal pra mim.

http://codepen.io/marlonlp/pen/vxhia

[victorqueiroz 34]

Vdd, o código ta normal! deve ser outra parte do seu css que está dando esse bug, use a ferramenta do chrome INSPECIONAR ELEMENTO, para ver o que está errado em seu css.