Hi John, This will not work that way. Your approach is correct in some ways, but no in others.
This should be working code, working on IE 7 downwards, Opera, FF, Safari,.... <html> <style type="text/css"> <!-- #ie-center-hack { text-align: center; } #container { border: 1px solid black; margin: 0 auto; width: 80%; text-align: left; } #container .list { width: 350px; } --> </style> <body> <div id="ie-center-hack"> <div id="container"> <ul class="list"> <li>1 - 14<br /><strong>$6.62</strong></li> <li>15 - 49<br /><strong>$5.00</strong></li> <li>50 - 199<br /><strong>$3.76</strong></li> <li>200+<br /><strong>$3.38</strong></li> </ul> </div> </div> </body> </html> The list might look shifted a bit, since the default margins and paddings of lists look a bit different in FF, IE and such. I just added the border, so that you can see that the content container is actually centered ;) regards, Jens -- So long, and thanks for all the fish! ______________________________________________________________________ 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/