IE 7 vista. float

HTML & CSS
1

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?

2

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]">
3

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