cicampbell

Anyone at all?

The basic code I’ve got is

<div id="page">
  <div id="header"></div>
  <div id="mainpage">
    <div id="content" class="narrowcolumn"></div>
    <div id="sidebar"></div>
  </div>
  <div id="footer"></div>
</div>

I’ve got .narrowcolumn floated left and footer set to clear:both and it works fine in Firefox, but in IE7 the sidebar starts at the bottom of the main content. IE6 is a total disaster, but I’m not really concerned about that.

First problem fixed, but floating the sidebar makes Firefox display it like IE7 with the sidebar appearing at the bottom of the main content. In IE7 it still does that but now the background image only appears at the bottom for the height of the sidebar.