Elements with a fixed position are also removed from the normal flow but positioned relative to the browser window.

<html>
 <head>
  <style>#footer {background: #44accf;height: 20px;position: fixed;right: 0px;bottom: 0px;left: 0px;}</style></head>
<body><div id="footer"></div></body></html>
]]>

Sweet! Because they're positioned relative to the browser window, they stay where they are when we scroll.

Didn't we talk about that earlier?