Try changing #pg-diamond to float:right. Also, if you want a consistent pixel-based margin or "gutter" in between all three columns, you have two options.
1) Strip all margin and padding from the #pg-whatever div's, and apply the margins (1%, 10px, whatever) to all elements inside the #pg-* divs. This can get cumbersome if you change the content inside the div's often. 2) Add an extra div to each #pg- div, so your markup would be: <div id="pg-ruby"><div>...content...</div></div> Then, apply margins to the inner div of #pg-ruby. Not as simple, and it adds an extra div, but it works well, and you'll have less headaches when you debug for ie. I learned this from "Bulletproof Web Design" by Dan Cederholm, excellent book. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
