Floating Div

HTML

<div class="float">
    I'm a floating msg
    (scroll to see me stay)
</div>
<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
    <li>G</li>
    <li>H</li>
    <li>I</li>
    <li>J</li>
    <li>K</li>
    <li>L</li>
    <li>M</li>
    <li>N</li>
    <li>O</li>
    <li>P</li>
    <li>Q</li>
    <li>R</li>
    <li>S</li>
    <li>T</li>
    <li>U</li>
    <li>V</li>
    <li>W</li>
    <li>X</li>
    <li>Y</li>
    <li>Z</li>
</ul>
<p><br><br><br><br><br><br><br><br><br><br>
</p>
</p>

CSS

li {
    height: 45px;
    border-bottom: solid 1px grey;
    line-height: 35px;
    padding: 5px;
}

.float {
    position: fixed;
    top: 15px;
    right: 5px;
    background-color: pink;
    padding: 10px;
    border-radius: 5px;
}