This bar (which is a DIV) does not scroll

The non scrolling DIV at the top of the page effect works when there is a scroll bar displayed along the right side of the viewport.

The code looks like this:

<DIV style="position: fixed; top: 0px; width:100%; height: 30px; background-color:#FF9900;">
This bar (which is a DIV) does not scroll</DIV>

<DIV style="margin-top: 30px;">Scrolling content</DIV>

  1. Long bulleted list
  2. Long bulleted list
  3. Long bulleted list
  4. Long bulleted list
  5. Long bulleted list
  6. Long bulleted list
  7. Long bulleted list
  8. Long bulleted list
  9. Long bulleted list
  10. Long bulleted list
  11. Long bulleted list
  12. Long bulleted list
  13. Long bulleted list
  14. Long bulleted list
  15. Long bulleted list
  16. Long bulleted list
  17. Long bulleted list
  18. Long bulleted list
  19. Long bulleted list
  20. Long bulleted list
  21. Long bulleted list
  22. Long bulleted list
  23. Long bulleted list
  24. Long bulleted list
  25. Long bulleted list
  26. Long bulleted list
  27. Long bulleted list
  28. Long bulleted list
  29. Long bulleted list
  30. Long bulleted list
  31. Long bulleted list
  32. Long bulleted list
  33. Long bulleted list
  34. Long bulleted list
  35. Long bulleted list
  36. Long bulleted list
  37. Long bulleted list
  38. Long bulleted list
  39. Long bulleted list
  40. Long bulleted list
  41. Long bulleted list
  42. Long bulleted list
  43. Long bulleted list
  44. Long bulleted list
  45. Long bulleted list
  46. Long bulleted list
  47. Long bulleted list
  48. Long bulleted list
  49. Long bulleted list
  50. Long bulleted list
  51. Long bulleted list
  52. Long bulleted list