Management styling in IE7

management-bios.html

<!-- The nested structure is at present like this -->
<div class="panel vcard" id="[hcard-forename-surname]">
  <div class="header">
    <h2 class="fn h3">[Forename] [Surname]</h2>
    <div class="title">[Job title]</div>
  </div>
  <div class="figure left1of3">
    <img alt="[Forename] [Surname]" src="[image_url]" class="photo"> 
  </div>
  <div class="bio">
    <p>Bio text goes here…

<!-- But to render as intended in IE7 it needs to be like this -->
<div class="panel vcard" id="[hcard-forename-surname]">
  <div class="header">
    <h2 class="fn h3">[Forename] [Surname]</h2>
    <div class="title">[Job title]</div>
  </div>
  <div class="bio">
    <div class="figure left1of3">
      <img alt="[Forename] [Surname]" src="[image_url]" class="photo"> 
    </div>
    <p>Bio text goes here…