一个div不会嵌套在另一个div中

Question

我为我的“标题”设置了一个div，我想把它嵌入“header”div中。出于某种原因，在Chrome中，它只显示标题div之外的div，而不是嵌套在div中。在HTML中，标题div嵌套在标题中。

如果你对css有什么问题有任何想法我会非常感激。我在所有浏览器中都使用了Inspect elements功能来尝试找到修复程序。

非常感谢！

#header {
    height:160px;
    width:1000px;
    background-image:url(../img/green_bg.jpg);
    background-repeat:repeat-x;
}

#headline {
    float:right;
    width:660px;
    margin-right:140px;
    margin-top:115px;
    font-family:GothamBold, helvetica, arial, sans-serif;
    font-size:20px;
    color:#0f5e92;
    text-transform:uppercase;
    line-height:1.2;
}


<div id="header">

<img src="img/logo.png">

<div id="headline">Welcome! Learn about all of the programs has to help your clients with their marketing.</div>

</div>