960 grid, divs en positionering

[Kajel]

Hey allemaal,
Ik moet samen met mijn projectgroepje, voor school een webshop bouwen (cliche I know). Nu heb ik een design in elkaar geknutseld (niet mijn sterkste punt, maar ik studeer dan ook Informatica), en dat met behulp van 960 grid in elkaar gezet.
Nu heb ik daar met jquery ui wat knoppen ingezet die er mooi uitzien enzo. Ik heb alleen problemen met het positioneren van die knoppen in de parent div. Volgens de docent moet het werken in de laatste 2 browser generaties, en dat geldt dan met name voor IE. T moet werken in IE7 en IE8.
Wat ik tot nu toe heb, werkt in Opera, FF, Chrome, IE8, maar als ik t met IETESTER test in IE7, dan klopt de plaatsing van de buttons totaal niet.

http://shop.danielvandorp.nl/daan/

Kan iemand me vertellen wat er (waarschijnlijk) fout gaat?

Dit is de betreffende div van de header.

code:

<div id="header" class="grid_12">
      <div class="grid_5 prefix_7 alpha omega">
        <form id="searchform" name="searchform">
          <input type="text" name="q" id="searchtext" /> <button type="submit" id=
          "searchbutton"></button>
        </form>

        <div id="demo">
          <ul>
            <li id="login"><button>Log In</button></li>

            <li id="register"><button>Registreer</button></li>

            <li id="shoppingcart"><button>Winkelmandje</button></li>
          </ul>
        </div>
      </div>

      <div class="clear"></div>
    </div>

de betreffende css (960 grid is te vinden op de bovenstaande link)

code:

#header {
  background-image: url(../img/design/logo.png);
  height: 150px;
}

#demo {
  float: right;
}


#demo ul {
  list-style: none;
}


#demo li {
  float: left;
  margin: 0 1em;
}

#searchform {
  overflow: hidden;
  float: right;
  padding: 15px 15px;
}


#searchbutton {
  width: 28px;
  height: 27px;
  background: url(../img/design/btn_search.jpg) no-repeat left top;
  border: none;
  cursor: pointer;
  float: left;
}
#searchtext {
  float: left;
}

#searchbutton:hover { background-position: left -27px; }

[mindcrash]

Wellicht wil je als eerste van die floats af, en een beetje met de mogelijkheden van display en position aan de slag...

[HuHu]

Ik gok op een display: inline; op die li-elementen.

[Kajel]

HuHu schreef op maandag 22 maart 2010 @ 23:17:
Ik gok op een display: inline; op die li-elementen.

Nope, en ik heb voor de vorm ook ff display: block geprobeerd, maar t mag niet baeten.

[Kvn]

Ik moet een username en password invoeren?

[Kajel]

prj3
k*thoer (zonder censuur)

(don't ask, mijn eerwaarde projectgenoot heeft dit bedacht )