Дизайн Dreamweaver и просмотр в реальном времени показывают разные вещи? ⇐ CSS

[Anonymous]

пожалуйста, просмотрите изображения ниже:

(представление «Дизайн»)
http://gyazo.com/ a1e09aacc855c013d349017d0487402d.png (представление в реальном времени и в браузере)

Как вы можете видеть в представлении дизайна, все, что было размещено на странице, выглядит нормально, и это именно то, что мне нужно. ! Но когда я перехожу к просмотру в реальном времени или предварительному просмотру в веб-браузере, он отображается по-другому: часть контента перекрывает мою навигацию. Я правда не знаю, что делать? Я покажу свой код ниже:

HTML:

Код: Выделить всё

[list]
[*] [url=index.html]Home[/url]
[*] [url=news.html]News[/url]
[*] [url=events.html]Events[/url]
[*] [url=galleries.html]Galleries[/url]
[*] [url=videos.html]Video [/url]
[*] [url=history.html]History[/url]
[*] [url=contact.html] Contact[/url]

[/list]


Get in touch with FIFAScene:

 

If you have any feedback regarding our website, or wish to comment on anything FIFA eSport related, then please contact us via:

 
 

[list]

[*]FIFAScene@hotmail.com
[img]images/icons/outlook.png[/img]

[*][url=http://www.twitter.com/FIFAScene]www.twitter.com/FIFAScene
[img]images/icons/twitter.png[/img]
[/url]
[url=http://www.facebook.com/FIFAScene]www.facebook.com/FIFAScene
[img]images/icons/facebook.png[/img]
[/url]

[/list]

CSS:

Код: Выделить всё

nav {
float:left;
position:relative;
}

nav ul li {
display:block;
margin:20%;
padding:30%;
list-style-type: none;
font-family:Segoe UI Light;
font-size:30px;
text-align: center;
}

#contactheader {
text-align:center;
color:#0099FF;
font-family:Segoe UI Light, sans-serif;
font-size:20px;
}

#contactcontent {
text-align:center;
color:#0099FF;
font-family:Segoe UI Light, sans-serif;
font-size:18px;
}

#contacthotmail {
text-align:center;
color:#0099FF;
font-family:Segoe UI Light, sans-serif;
font-size:18px;
}

#contactsm {
text-align:center;
color:#0099FF;
font-family:Segoe UI Light, sans-serif;
font-size:18px;
margin-top:40px;

}

Извините, если я предоставил слишком много информации, я относительно новичок в разработке веб-сайтов и программировании!

Спасибо ты.

Подробнее здесь: https://stackoverflow.com/questions/184 ... ent-things