Hjälp med scroll i HTML/CSS

Hej Sweclockers,

Jag behöver er hjälp att fixa en grej med Boostrap:

<div class="panel panel-default" style="height:450px;overflow-y:auto">
  <div class="panel-heading">
    <h3 class="panel-title">News</h3>
  </div>
  <div class="panel-body" style="padding:0;border:0px;">
  </div>
</div>

Jag har koden ovan. Jag behöver göra så att hela diven panel-heading är fixed så att när jag scrollar ner att den fortfarande sitter kvar och inte försvinner. Hur löser jag det?

<div class="panel-heading" style="position: fixed;">

Tack, men det fungerar inte riktigt. Nu syns inte panel-heading diven istället.