Отступ с верху сайта

[Bakhruz]

Я создал блок для шапки сайта и столкнулся с такой проблемой:

Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого

<div class="top_div">

<p id="slogan">....</p>

</div> появляется отступ.

Вот мой CSS

body{

background-color:#6d85ad;

background-image:url(../images/bg_main.jpg);

background-repeat:no-repeat;

background-position: 0% 0%;

margin:0;

padding:0;

}

.top_div{

width:752px;

height:150px;

background-color:#bdc9dd;

}

Я уверен, что тут все верно.

Отступ появляется только если появляется тег <p>

Помогите пожалуйста, как удрать этот отступ при появлении <p>.

Надеюсь на вашу помощь.

[Troll13]

http://jsfiddle.net/JFWRJ/1/

для slogan margin:0;

[Zippovich]

ну и font не стоит использовать - это уже устарело.

[Switch74]

#slogan{margin:0px;}