Dreamweaver Design и Live View показывают разные вещи? ⇐ Html

[Anonymous]

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

(Просмотр дизайна)
http://gyazo.com/a1e09aacc855c013d349017d0487402D. Но когда я перехожу в Live View или Preview в веб -браузере, это показывает по -разному, а некоторые контенты перекрывают мою навигацию. Я действительно не знаю, что делать? Я отобразим свой код ниже: < /p>

html: < /p>

• Home
• News
• Events
• Galleries
• Video
• History
• Contact

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:

 
 

• FIFAScene@hotmail.com
  
• www.twitter.com/FIFAScene
  
  
  www.facebook.com/FIFAScene
  
  

< /code>

css: < /p>

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;

}
< /code>

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

Спасибо. < /p>

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