HTML: IE & FF

[Kon-Tiki]

Ok, got another set of questions.

1) I have a stretchy contents div with a 1px wide background (which repeats when stretched). At the left of it is a menu div. What I want it to do, is stretch to the size of the menu div if the contents in the contents div isn't long enough to automatically stretch as much. Otherwise, the menu'll run over and past the footer, and it looks behind-ugly.

I got this working under IE, but Firefox seems to add a few white lines between the menu/contents and the footer. This's my CSS for it:

Code: Select all

div.header {
  background-image:url('img/header.png');
  width: 1024px;
  height: 343px;
}


div.menu {
  position: static;
  background: url('img/kwmainbar.png');
  top: 343px;
  left: 8px;
  width: 1013px;
}

div.contents {
  position: static;
  background: url('img/kwmainbar.png');
  left: 8px;
  top: 343px;
  width: 1013px;
  padding-left: 133px;
  padding-right: 133px;  
  text-align: justify;
}

div.footer {
  width: 1016px;
  height: 147px;
  background-image:url('img/footer.png');
}

2) My menu uses input type="image" buttons, and parsing them's no problem... under Firefox. Why doesn't IE get a value through from them? It's a bit of an oddity, as the code works perfectly fine under Firefox.