I have a web page in which's content I have two tables, two menus. Now the tables are formatted the same, I simply copied the html of the first to the second, but still, the second doesn't seem to respect the width of my content div the way the first one does, why would this be? How can I get it to expand o 100% but stay within the ContentWrapper div? link: http://www.quaaoutlodge.com/content/lunch
You have defined width of two table inside the second copy of your table with 1553px
<table border="0" cellspacing="1" cellpadding="1" style="background-image:linear-gradient(rgb(234, 220, 213) 0%, rgb(255, 255, 255) 100%); border-collapse:collapse; border:none; width:1553px">
Just remove it and you are sorted
Happy Coding!!!