Why isn’t the “Procedure Volumes” link dropping down to the next line in IE7?
<style>
#reportnavigation {
list-style: none;
margin: 0; padding: 0;
}
#reportnavigation li {
float: left;
}
#reportnavigation li a {
display: block;
background: #004D6F;
margin-right:6px;
margin-bottom:6px;
text-align: center;
color: #FFF;
padding: 5px;
}
#reportnavigation li a:hover {
background: #017db6;
color: #FFF;
}
</style>
<div style="width: 637px;">
<ul id="reportnavigation">
<li><a href="#aesthetics">Aesthetics/Dermatology</a></li>
<li><a href="#biomaterials">Biomaterials</a></li>
<li><a href="#biotechnology">Biotechnology/Cell Therapy</a></li>
<li><a href="#cardiovascular">Cardiovascular</a></li>
<li><a href="#dental">Dental</a></li>
<li><a href="#diagnostics">Diagnostics</a></li>
<li><a href="#drug delivery">Drug Delivery</a></li>
<li><a href="#endocrine">Endocrine</a></li>
<li><a href="#gastroenterology">Gastroenterology</a></li>
<li><a href="#gynecology">Gynecology/Womens's Health</a></li>
<li><a href="#imaging">Imaging</a></li>
<li><a href="#neurology">Neurology</a></li>
<li><a href="#oncology">Oncology</a></li>
<li><a href="#ophthalmology">Ophthalmology</a></li>
<li><a href="#orthopedics">Orthopedics</a></li>
<li><a href="#pain management">Pain Management</a></li>
<li><a href="#patient management">Patient Management/Monitoring</a></li><br/>
<li><a href="#procedure volumes, disease incidence & prevalence">Procedure Volumes, Disease Incidence & Prevalence</a></li>
<li><a href="#respiratory">Respiratory</a></li>
<li><a href="#spine">Spine</a></li>
<li><a href="#surgery">Surgery</a></li>
<li><a href="#urology">Urology</a></li>
<li><a href="#vascular">Vascular</a></li>
<li><a href="#wound management">Wound Management</a></li>
</ul>
</div>