[RESOLVED] aligning elements / floats

Hi, I’ve been working on two parts of my site that I just can’t get to align correctly.

Here’s the URL: [url]http://www.foremostgroups.com/dev/2007corporate/corporate_information3.html[/url]

1) I’m trying to get all of the text to wrap around the two images on the page. Here’s the code I’ve been working with:

[CODE]<div id=”main_content”>
<h2>Corporate Information</h2>
<p>
<img src=”images/featured_product.jpg” alt=”Corporate Information” hspace=”20″ vspace=”3″ style=”float:right” class=”border9ab3bc” />
<img src=”images/floattext.gif” alt=”Globe Image” hspace=”10″ vspace=”15″ style=”float:right” />
Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
</div>[/CODE]

In my CSS, I have * {float: left;}

I’d like all three paragraphs to wrap around the images but can’t get it to work. I’ve tried wrapping them in other divs (in several different ways) and can’t figure it out.

My second problem is:
2) I’m trying to make the footer text stretch 100% the length of the footer and to be centered (it’s in a UL). My code:

[CODE]<div id=”footer_div”>
<ul id=”footer”>
<li><a href=”legal_notice.html” class=”bottom”>Legal</a> <span class=”bottom”>/</span> <a href=”privacy_notice.html” class=”bottom”>Privacy Notice</a></li>
<li><span class=”copyright”>Copyright &copy; 2007 Foremost Groups Inc. All rights reserved.</span></li>
<li><a href=”site_map.html” class=”bottom”>Site Map</a></li>
</ul>
</div>[/CODE]

I want ‘Legal/Privacy Notice’ on the left side, copyright info centered, and ‘site map’ on the right. Again, I’ve tried this a countless number of ways and can’t get it.

Any help or ideas are greatly appreciated. Thank you.

Also in #CSS _↴