Text alignment issues in footer

[irishcash33]

Hey guys.
The text and links in my footer (http://www.clashgraphicdesign.com/uk-site/test/About_Us/about_us.html) not behaving correctly. Somehow they are squished together. The <p> should be to the far left and the links to the far right.
All I did was put in some body text above and it messed the footer up.
Any suggestions?

Another problem which may be causing the footer to be off, is if I add copy or a return to the body copy and forces the left nav down. I have no idea why. The nav is absolute and is by itself. It shouldn't matter about the body text...

Thanks

[ajcates]

Html:


<div id="footer">
<p>© Wolters Kluwer Financial Services</p>
<div id="footerLinkgroup"
<a href="../footer/site_map.html">Site Map</a>
<a href="../footer/help.html">Help</a>
<a href="../footer/privacy.html">Privacy Policy</a>
<a href="../footer/terms_of_use.html">Terms of Use</a>
</div>
</div>

Css:


#footer {
background:#91867e;
height: 28px;
position: relative;
top:10px;
width: 994px;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}
#footer p {
font-family: Trebuchet ms, Arial, Tahoma, Helvetica, sans-serif;
font-size: 7pt;
color: #CCCCCC;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
position: relative;
width:200px;
top:0px;
left:0px;
float:left;
}
#footer a {
font-family: Trebuchet ms, Arial, Tahoma, Helvetica, sans-serif;
font-size: 7pt;
color: #CCCCCC;
text-decoration: none;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CCCCCC;
padding-right: 5px;
padding-left: 5px;
position: relative;
top: 3px;
}
#footerLinkGroup {
float:right;
position:relative;
left:0px;
}


Don't ask what I did because I honestly forget.

[irishcash33]

Thanks so much, works great.