Hi, I have a problem. When I view the page normally, it looks fine. But when I reduce size of the page, the right float collapses into the left float. I want it to adjust in size so it always remains in its own "column". Here is the code I have. I played around with this for hours, and I just couldn't figure it out. Thanks for any advice.

<div id="wrap" style="min-height: 65px; line-height: 17px; margin: 6px 0; padding: 4px; border-top: 1px #999999 solid; border-bottom: 1px #999999 solid; font-family: 'Optima', Verdana, Arial, Sans-Serif; font-size: 11px; color: #254117; min-width: 530px; float:left; overflow:auto;" >

<div id="logo">
<img src="http://www.colorcom.com/Images/Logo-Mirror.png" alt="Colorcom Logo" height="60" style="float: left; padding: 2px 6px 0 0;">
</div>

<div id="nameandarr" style ="float:left; width:150px; " >
<strong style="color: #254117;">John Merlino</strong>. <br />

267-757-0340 <br />
4220 Hardin Road<br />
Philadelphia, PA 19020<br />
</div>

<div id="moreinfo" style ="float:left; padding:0 20px 0 0;">

Web: <a href="http://www.colorcom.com" title="Visit Colorcom" style="color: #254117; text-decoration: none; border-bottom: 1px #999999 dotted;">Colorcom</a> <br />

LinkedIn: <a href="http://linkedin.com/colorcom" style="color: #254117; text-decoration: none; border-bottom: 1px #999999 dotted;">Colorcom</a><br />

Email: <a href="mailto:info@colorcom.com" style="color: #254117; text-decoration: none; border-bottom: 1px #999999 dotted;">Colorcom</a> <br />

Something Esle meaningful

</div>

<div id="conf" style ="float:right; width:600px; min-height: 20px; line-height: 17px; margin: 0px 0 6px -601px; padding: 2px; font-family: Optima, Verdana, Arial, Sans-Serif; font-size: 8px; color: #254117; min-width: 530px;" >

Confidentiality Notice: This e-mail may contain confidential or legally privileged information that is intended only for the individual or entity named in the e-mail address. If you are not the intended recipient, you are hereby notified that any disclosure, copying, distribution, or reliance upon the contents of this e-mail is strictly prohibited. If you have received this e-mail transmission in error, please reply to the sender, so that Colorcom can arrange for proper delivery, and then please delete the message. Thank you.

</div>

</div>

It's because of he large negative left margin you have on the right float. What's the purpose of that?

Without the negative margin, the right float will be pushed beneath by the left float in IE 6.

In all browsers, I hope, and only if there isn't room for it. If you can use a container with a fixed with, that would be a solution.

Are you going to put this in an HTML mail? I wouldn't.

Why wouldn't you put this as an email signature? What other method could be used for an email signature?

Because it's way to advanced for email.