Thanks David Hucklesby >Try changing the margin of the middle column to "margin:0 5%;". Add "display:inline;" to prevent IE's margin doubling<
I was hoping for some clever way to float it in the middle. Oddly, even this doesn't work in IE as it doubles the margin anyway. (I've used this fix before myself and it worked.) <div style="width:600px; text-align:center;"> <div style="float:left;width:25%; background-color:#ff0000;">This is container 1</div> <div style="float:left; width:40%; margin:0 0 0 5%; background-color:#00ff00; display:inline;">This is container 2</div> <div style="float:right; width:25%; background-color:#0000ff;">This is container 3</div> </div> Jack T. ______________________________________________________________________ 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/
