Float Problem

[JPW]

I have a problem in the footer of my test site I'm creating. Basically I have a few div classes containing certain information and the red text on the right shouldn't be that far down it should be up a few pixels. I'm assuming something to do with the clear function?

The red text should be horizantly even to the first line in the footer where it says company.

Is it possible for someone to have a little look at my code and see where I'm going wrong?

site: www.jonpaulwild.co.uk

Thanks for the help.



#footerwrapper {height: 100px; background-image:url(images/footer.jpg); background-repeat: repeat-x; background-position:top; background-color: #252525}
#footer {margin: 0 auto; height: 50px; width: 700px; padding-top: 10px;}
.footerleft { float: left; width: 450px;}
.footerleft p {color: white; margin-top: 3px;}
.footerright{float: right; width: 250px;}
.footerright p {color: red; margin-top: 3px;}




<div id="footerwrapper">
<div id="footer">
<div class="footerleft"><p>&copy; 2009 Company Name (UK) Ltd</p></div>
<div class="footerleft">
<p>Registered Office: Company Address, Somewhere in the UK, London</p>
</div>
<div class="footerright">
<p> Red test text</p>
</div>
<div class="clearboth"></div>
</div><!--end footer-->
</div><!--end footerwrapper -->

[Coyotelab]

This should do it:
<div id="footer">
<div class="footerleft"><p>© 2009 Company Name (UK) Ltd</p></div>
<div class="footerright"><p> Red test text</p></div>
<div class="footerleft"><p>Registered Office: Company Address, Somewhere in the UK, London</p></div>
<div class="clearboth">
</div>