Menu nao flutua completamente para esquerda

[WyBadass_BR 0]

Eu estou tentando resolver um exercício de um livro em php, mas antes preciso montar a estrutura em html/css, pois eu achei a maneira q o criador do livro fez um pouco confusa e desatualizada.
Enfim, estou tendo problemas nessa parte:
http://prntscr.com/69vmnf

http://prntscr.com/69vrkw

 

Como podem ver, o menu está meio desajustado na borda, e além de não conseguir ajustá-lo, eu também não consigo identificar o que está errado(Ignorem o fato do estilo estar bem diferente, eu criei um projeto apenas pra resolver isso do menu e.e).
Quem souber de alguma solução, por favor, me diga!

 

#Edit

 

Malz, acabei esquecendo dos scripts!! Esse é meu html: http://pastebin.com/MZ3MYzMx e esse o CSS: http://pastebin.com/pQtH181H .

O estilo do site feito pelo criador do livro está incluso no arquivo html: http://pastebin.com/JWu5W9ET (Novamente lembrando, levem em consideração apenas o menu).

[diego92ms 3]

Provável que vc esta usando o Chrome como navegador. Quando vc cria uma UL > LI no Chrome, por padrão a UL vai com 2em de margin-left, acho que é isso... Todos os navegadores tem padrões em seus de CSS. Para que vc não tenha tanta divergência de um navegador para outro. Sugiro que vc inclua o "Reset Css" em seu CSS. Basicamente ele colocar os principais elementos iguais na maioria dos Browsers.

 

http://meyerweb.com/eric/tools/css/reset/

 

Cole esse css antes de todos os códigos de CSS e teste novamente. Qualquer coisa é só perguntar novamente.

[WyBadass_BR 0]

Funcionou cara! Mto obrigado, vlw msmo!!