Hello, Can anyone please tell me why the child (#band) is wider than the boundary of its parent (#outcontainer)? I set width:100% on the child to make sure it took up the entire width of the parent, but it went wider. Can't figure out what I'm missing here. It may be the concurrent use of display:table but I'm not sure why setting width still wouldn't work. If I set the width to 98% it almost fits inside the parent.
http://www.sbctc.edu/OAAInstruction.html <style type="text/css"> body {background-color:#EDEBE0;} #outercontainer {margin:0 20px 20px 20px;height:100%;background-color:#CC3366;padding-top:5px;} #band {height: 52px; background-color:#013E7D;padding-right:20px;text-align:right;vertical-align:middle;display:table;width:100%;} #main {width:90%; min-height:80%;;margin:auto;margin-top:30px;} h1 {color:#FFFFFF;font: 1.4em Arial, Helvetica, sans-serif;margin:0;display:table-cell;vertical-align:middle;} p {font: .75em Arial, Helvetica, sans-serif;} </style> Thanks for any help. Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu<mailto:afre...@sbctc.edu> www.checkoutacollege.com<http://www.checkoutacollege.com> www.sbctc.edu<http://www.sbctc.edu> ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
