Odd Behavior With Header Div only on Some Pages

Odd Behavior With Header Div only on Some Pages

I'm struggling with formatting in the:

  1. <div data-role="header"></div>
Section of my page.

I'd like all pages except the landing page (/) to have a header bar, and simply leaving out the header div seems to work fine for that page. When other pages load, they also look fine. But if I go "back" to the home page, the content <li> floats over the image I'd like to display.

My front page looks something like:

  1. <div data-role="content">
  2. <img src="/some/image/path/image.jpg" style="width: 100%;" />
  3. <ul data-role="listview">
  4.       <li>Some</li>
  5.       <li>List</li>
  6.       <li>Items</li>
  7. </ul>
  8. </div>
And the header (on all pages except /) look like:

  1. <div data-role="header">
  2.       <h1>Something</h1>
  3. </div>
Anybody have any ideas?

I'm using Alpha 4.

Thanks,

Phil