body{ text-align: center; margin: 0 auto; padding:0; background:#C2C4C6; } table#sitecontainer{ /* this is causing firefox table alignment problems so is commented out*/ margin: auto; padding: 0px; border-collapse: collapse; width: 1003px; background-color:#ffffff; } table#contentcontainer{ border-collapse: collapse; width: 100%; border: 0; padding: 0px; margin: 0px; height:100%; } .containerleft { width:140px; border: none; padding: 0; margin: 0; height: 1%; } .containermiddle { padding: 0px 10px 0px 10px; background:#ffffff; border: none; margin: 0px; height: 1%; } .containerright { width:140px; border: none; padding: 0px; margin: 0px; height: 1%; } #contentleft { padding: 10px; } #contentmiddle { padding: 10px; background:#ffffff; width: auto; } #contentright { padding: 10px; } .contentheader { /*Header Settings*/ text-align: center; height:120px; } .contenthomeheader { /*Header Settings*/ margin:0; padding:0; text-align: center; height:180px; } .contentfooter { /*Footer Settings*/ clear:both; text-align:center; margin:0; padding:0; background:#C2C4C6; height:40px; } #contentfooter, #contentfooter td { clear:both; } #cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; } div.thumb { margin: 1px; border: 1px solid #A0ACC0; -moz-border-radius: .8em; height: auto; float: left; text-align: center; width: 110px; height: 130px; } .thumb img{ display: inline; margin: 5px; border: 1px solid #A0ACC0; width: 100px; } .thumb a:hover img {border: 1px solid black;} .photocattitle {text-align: center; font-weight: bold;} .phototitle { text-align: center; font-weight: normal; width: 110px; }