тут http://jsfiddle.net/0yamrL7h/ код который введен показывает хорошую картинку,а если его скопироваать в html и css файлы соответственно,получим кривую картинку на разных браузерах.В чем проблемма? и если ошибка из-за того что я не использую программу для верстки,то какую лучше использовать.
зачем использовать столько пробелов, думаю просто лучше ещё раз прочитать про css чтобы понимать полностью, что ты делаешь и почему такой получаешь результат. ещё есть особенности браузеров их тоже нужно учитывать. в jsfiddle не нужно указывать тег body. думаю что лучше повторить html или разобраться как всё можно отлаживать с помощью чтения html/сss кода и веб инспектора. у меня в хроме твоё меню почти не видно.