I've come across a problem when checking my page in IE 7. The float is not working It works fine in Firefox. I've done a search on here and can't find a solution to the problem. The page is at http://www.nbfa.org.uk/index2.htm HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>NBFA | Charity for the Aged, Elderly and Older People</title> <meta name="Description" content="Charity for the aged that provide services and improve the quality of life for the elderly and older people in the UK who live on a low income." /> <meta name="Keywords" content="charity, elderly, aged, older, elderly people, charity uk" /> <meta name="Author" content="Georgie Hayford" /> <meta name="Copyright" content="Copyright 2009 First Class Business Solutions" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="small-theme" href="http://www.nbfa.org.uk/small.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="large-theme" href="http://www.nbfa.org.uk/large.css" /> <link rel="shortcut icon" href="http://www.nbfa.org.uk/images/favicon.ico" /> <script src="http://www.nbfa.org.uk/styleswitch.js" type="text/javascript"></script> </head> <body> <div id="container"> <div id="banner" > <div class="textsize">Text Size: <a class="linkage" href="javascript:chooseStyle('small-theme', 60)" title="Small Text" >Small</a> | <a class="linkage" href="javascript:chooseStyle('none', 60)" title="Medium Text" checked="checked">Medium</a> | <a class="linkage" href="javascript:chooseStyle('large-theme', 60)" title="Large Text">Large</a><br /> <br /><br /> <form method="get" action="http://www.nbfa.org.uk/search/search.pl"> <label for="fdse_TermsEx">Search: </label><input name="Terms" id="fdse_TermsEx" size="20" /> <input type="submit" value="Search" /> </form></div> <img src="http://www.nbfa.org.uk/images/nbfa-logo.jpg" alt="National Benevolent Fund for the Aged Logo" class="nbfalogo" /> </div> <div id="left"> <div id="menu"> <ul id="toplevel"> <li><a href="http://www.nbfa.org.uk/">Home</a></li> <li><a class="fly" href="http://www.nbfa.org.uk/about-us/">About Us</a> <ul> <li><a href="http://www.nbfa.org.uk/about-us/history/">Our History</a></li> <li><a href="http://www.nbfa.org.uk/about-us/our-trustees/">Our Trustees</a></li> <li><a href="http://www.nbfa.org.uk/about-us/current-work/">Our Current Work</a></li> </ul> </li> <li><a class="fly" href="http://www.nbfa.org.uk/how-we-help/">How we Help</a> <ul> <li><a href="http://www.nbfa.org.uk/how-we-help/holidays/">Holidays</a></li> <li><a href="http://www.nbfa.org.uk/how-we-help/pain-relief-machines/">Pain Relief Machines</a></li> <li><a href="http://www.nbfa.org.uk/how-we-help/emergency-alarms/">Emergency Alarms</a></li> </ul> </li> <li><a href="http://www.nbfa.org.uk/newsletter/">Newsletter</a></li> <li><a href="http://www.nbfa.org.uk/annual-review/">Annual Review</a></li> <li><a class="fly" href="http://www.nbfa.org.uk/support-our-work/">Support Our Work</a> <ul> <li><a class="fly" href="http://www.nbfa.org.uk/support-our-work/fundraising/">Fundraising</a> <ul> <li><a href="http://www.nbfa.org.uk/support-our-work/fundraising/tax-efficient-donation/">Tax-Efficient Donation</a></li> </ul> </li> <li><a href="http://www.nbfa.org.uk/support-our-work/online-donation/">Online Donation</a></li> <li><a href="http://www.nbfa.org.uk/support-our-work/pay-as-you-earn/">Pay as you Earn</a></li> <li><a href="http://www.nbfa.org.uk/support-our-work/legacies/">Legacies</a></li> <li><a href="http://www.nbfa.org.uk/support-our-work/corporate-links/">Corporate Links</a></li> </ul> </li> <li><a class="fly" href="http://www.nbfa.org.uk/entitlements/">Your Entitlements</a> <ul> <li><a href="http://www.nbfa.org.uk/entitlements/claiming-benefits/">Claiming Benefits</a></li> <li><a href="http://www.nbfa.org.uk/entitlements/health-needs/">Health Needs</a></li> <li><a href="http://www.nbfa.org.uk/entitlements/other-entitlements/">Other Entitlements</a></li> </ul> </li> <li><a class="fly" href="http://www.nbfa.org.uk/volunteering/">Volunteering</a> <ul> <li><a href="http://www.nbfa.org.uk/volunteering/holiday-couriers/">Holiday Couriers</a></li> <li><a href="http://www.nbfa.org.uk/volunteering/office-volunteers/">Office Volunteers</a></li> <li><a href="http://www.nbfa.org.uk/volunteering/events-volunteers/">Events Volunteers</a></li> <li><a href="http://www.nbfa.org.uk/volunteering/fundraising-volunteers/">Fundraising Volunteers</a></li> </ul> </li> <li><a href="http://www.nbfa.org.uk/contact-us/">Contact Us</a></li> <li><a href="http://www.nbfa.org.uk/links/">Links</a></li> </ul> </div> <span class="blog"><a href="http://nbfauk.wordpress.com">Click here to visit our blog for the latest NBFA news.</a></span> </div> <div id="content"> <img src="images/banner.jpg" alt="NBFA" class="topbanner" /> <div id="section"> <h1>National Benevolent Fund for the Aged</h1> <p>The National Benevolent Fund for the Aged is a charity which aims to improve the quality of life for older people on low income. By offering a select range of practical services we encourage independent living in old age.</p> <p>These services are:</p> <ul> <li><a href="how-we-help/emergency-alarms/">Emergency Alarms</a></li> <li><a href="how-we-help/pain-relief-machines/">TENS Machines</a></li> <li><a href="how-we-help/holidays/">Break-Away holidays</a></li> </ul> </div> <div id="donate"> <span>Donate Now</span> <a href="http://www.justgiving.com/nbfa/"><img src="images/hands.jpg" alt="Elderly Hands" class="hands" /></a> <p>Most of our work is funded by voluntary donations. Help us to improve the lives of elderly people by making a <a href="http://www.justgiving.com/nbfa/">donation</a> now.</p> </div> <img src="images/apply.jpg" alt="Apply for Services" class="apply" /> <p> </p> </div> </div> <div class="footer"><p><img class="footerlogo" src="http://www.nbfa.org.uk/images/footer-logo.jpg" alt="NBFA Logo" />National Benevolent Fund for the Aged<br /> Charity Number: 243387<br /> Address: 32 Buckingham Palace Road, London, SW1W 0RE <br /> Telephone: 020 7828 0200<br /> Fax: 020 7828 0400</p> </div> </body> </html> Code (markup): CSS Code: body { background-color: #EDECFF; font-size: 14px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#003366; padding:0px; margin:0px; line-height: 24px; } h1 { font-size: 18px; padding: 0px; margin: 0px; line-height: 32px; } h2 { font-size: 14px; padding: 0px; margin: 0px; line-height: 28px; } p { padding: 0px; margin-top: 14px; margin-right: 7px; margin-bottom: 14px; margin-left: 7px; line-height: 24px; } a, a:visited { color: #0033CC; text-decoration: underline; } a:hover { color: #003366; text-decoration: none; } ul{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 28px; margin-top: 14px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; } #container { width: 800px; margin-bottom: 0px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; margin-top: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; } #banner { background-color: #FFFFFF; padding: 0px; margin: 0px; } img.nbfalogo{ width:334px; height:66px; margin-top: 14px; margin-right: 0px; margin-bottom: 28px; margin-left: 14px; } div.textsize{ font-size: 14px; text-align: right; display: block; padding: 0px; margin: 7px; float: right; } #content { background-color: #FFFFFF; margin-left: 200px; margin-right: 0px; padding: 24px; margin-top: 0px; margin-bottom: 0px; } div#content { min-height:600px; height:expression(this.scrollHeight > 600 ? "auto":"600px"); } #left { float: left; width: 185px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 14px; } div.footer{ font-size: 14px; color: #FFFFFF; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 14px; margin-left: auto; display: block; clear: both; width: 800px; background-color: #003366; font-weight: bold; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; } div.footer p{ margin: 0px; padding: 14px; } img.footerlogo{ float: left; height: 80px; width: 188px; padding: 0px; margin-top: 18px; margin-right: 14px; margin-bottom: 18px; margin-left: 0px; } #menu { width:185px; position:relative; } #menu ul { margin:0px; list-style:none; text-align:left; padding: 0px; background-color: #FFFFFF; white-space: nowrap; } #menu li { margin:0; list-style:none; padding: 0; } #menu li { display:inline-block; display:inline; } #menu ul ul { position:absolute; left:-9999px; } #menu ul#toplevel { position:absolute; left:0; top:0; width: 185px; } #menu a, #menu a:visited { display:block; color:#003366; line-height:30px; text-decoration:none; font-size: 14px; font-weight: bold; width: 173px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; } #menu ul li:hover > ul { left:100%; margin-top:-30px; margin-left:-1px; } #menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul { left:100%; } #menu a:hover ul ul, #menu a:hover a:hover ul ul { left:-9999px; } #menu li a:hover { color:#FFFFFF; background-color: #003366; } #menu li:hover > a { color:#FFFFFF; background-color: #003366; } #menu li a.fly { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: right top; } #menu li a.fly:hover { background-color: #003366; background-image: url(images/arrow-hover.gif); background-repeat: no-repeat; background-position: right top; } #menu li:hover > a.fly { background-color: #003366; background-image: url(images/arrow-hover.gif); background-repeat: no-repeat; background-position: right top; } #menu ul ul li a.fly { background-image: url(images/arrow-hover.gif); background-repeat: no-repeat; background-position: right top; } #menu ul ul li a.fly:hover{ background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: right top; color: #FFFFFF; background-color: #0066FF; } #menu ul ul a, #menu ul ul a:visited{ color: #FFFFFF; background-color: #003366; width:192px; } #menu ul ul a:hover{ color: #FFFFFF; background-color: #0066FF; } #section{ background-color: #F8F4FF; width: 550px; padding: 0px; border: 1px solid #999999; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; } #section h1{ background-color: #003366; color: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 7px; font-weight: normal; } img.topbanner{ width:550px; height:138px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; border: 1px solid #999999; } img.apply{ height: 204px; width: 204px; border: 1px solid #999999; margin: 0px; padding: 0px; } #donate{ background-color: #F8F4FF; width: 330px; margin-left: 0px; border: 1px solid #999999; margin-top: 0px; margin-right: 14px; margin-bottom: 0px; padding: 0px; height: 204px; float: left; } #donate span{ display: block; color: #FFFFFF; background-color: #003366; line-height: 26px; font-size: 16px; padding-left: 7px; } img.hands{ height: 140px; width: 125px; float: left; padding: 0px; margin: 14px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } span.blog{ margin-top: 40px; top: 430px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 170px; display: block; position: absolute; } img.newsletter{ width:72px; height:100px; float: left; margin-top: 0px; margin-right: 14px; margin-bottom: 7px; margin-left: 14px; padding: 0px; border: 1px solid #999999; } img.annualreview{ width:144px; height:100px; float: left; margin-top: 0px; margin-right: 14px; margin-bottom: 7px; margin-left: 14px; padding: 0px; border: 1px solid #999999; } img.oldtv{ width:225px; height:171px; border: 1px solid #999999; float: left; padding: 0px; margin-top: 7px; margin-right: 14px; margin-bottom: 7px; margin-left: 14px; } img.oldblackandwhite{ width:397px; height:220px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.hols{ width:397px; height:213px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.holidays{ width:397px; height:298px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.holiday{ width:397px; height:217px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.holi{ width:397px; height:238px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.fancydress{ width:397px; height:281px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.fancy{ width:397px; height:561px; border: 1px solid #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 77px; } img.currentwork{ width:225px; height:169px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.singing{ width:225px; height:169px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.officevolunteer{ width:225px; height:169px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.coach1{ width:225px; height:169px; border: 1px solid #999999; padding: 0px; margin-right: 14px; margin-bottom: 7px; margin-left: 7px; float: left; margin-top: 7px; } img.hastings{ width:225px; height:169px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.coach2{ width:225px; height:169px; border: 1px solid #999999; padding: 0px; margin-right: 14px; margin-bottom: 7px; margin-left: 7px; float: left; margin-top: 7px; } img.emergencyalarm{ width:225px; height:339px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.garden{ width:225px; height:214px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.run{ width:225px; height:169px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.volunteering{ width:225px; height:129px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.holidaycouriers{ width:225px; height:169px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.tea{ width:125px; height:94px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.flowers{ width:125px; height:94px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } img.cartridges{ width:125px; height:135px; border: 1px solid #999999; float: right; padding: 0px; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 14px; } div.area{ width:550px; background-color: #F8F4FF; padding: 0px; border: 1px solid #999999; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; } div.area h2{ background-color: #003366; color: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 7px; font-weight: normal; } address{ font-size: 14px; line-height: 24px; font-style: normal; padding: 7px; margin-top: 14px; margin-right: 7px; margin-bottom: 14px; margin-left: 7px; background-color: #FFFFFF; border: 1px solid #999999; } .contactforms{ margin-top: 36px; } .contactforms input, textarea{ background-color: #FFFFFF; border: 1px solid #999999; display: block; margin: 6px; } .contactforms fieldset{ padding: 6px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .contactforms legend{ color: #003366; font-weight: bold; } .contactforms label{ display: block; margin: 6px; } .contactforms span{ display: block; font-size: 12px; color: #333333; margin-top: 12px; margin-right: 6px; margin-bottom: 18px; margin-left: 6px; } Code (markup): Does anyone know why this is doing this and help would be much appreciated Many Thanks
I dont see that on the site anymore? It looks like there isnt enough space for them to fit in the same line, try reducing the "donate now" area by 10px and see if that works?
Thanks. Tried that and it didn't work. In the end i sorted it by wrapping another div around the two elements. Many Thanks