IE 7 vista. float

I have this site here and the green box in the chalkboard is floating above the girl in IE7 in Vista. What woudl be the issue here?

I’m kind of surprised it positions where you want it in other browsers. Firstly, it’s better not to have inline elements (e.g. <a>) sitting alongside block elements (like <ul>). Instead, wrap it in a block element like a <p> or <div>.

Anyhow, a quick fix might be to add position:relative to the #blackboard div

#blackboard {
  background: url("/images/blackboard/blackboard1.png") no-repeat scroll 0 0 transparent;
  height: 398px;
  margin: 10px auto;
  [COLOR="Red"]position: relative;[/COLOR]
  width: 797px;

and then position the image absolutely:

<img alt="register for summer" src="/images/blackboard/register.png" style="[COLOR="Red"]position:absolute;bottom:50px; right: 140px;[/COLOR]">

Unrelated, but on a wide-screen monitor, your background image repeats. Screenshot attached.