Why is my TOC not showing page images?

Question

All my TOCs are blank: my working ebook file and the template files that come with iBA show transparent boxes instead of images of the pages/chapters. Is there a "View" or Inspector setting I should change, or has something gone kaflooey?

Answer 1

ID values cannot contain spaces -
#wrapper #Header {
    height: 130px;
    width: 800px;
    background-color: #66CCFF;
#wrapper #Body Area {
    height: 470px;
    width: 800px;
    background-color: #00FFCC;
#wrapper #Body Area #Body Content {
    background-color: #CC9933;
    float: left;
    height: 420px;
    width: 610px;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
#wrapper #Body Area #Navigation Area {
    background-color: #663300;
    float: right;
    height: 420px;
    width: 120px;
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
<div id="Body Area">
    <div id="Body Content"></div>
    <div id="Navigation Area"></div>
  </div>
Also, once you get that fixed, you will need to clear the floats within the #Body_Area before closing it otherwise it'll collapse to a thin horizontal line.  Do that by adding "overflow:hidden" to the rule for that container.