@charset "utf-8"; .twitter { background: #359BEF; color: #fff; padding: 5px; text-align: center; border-radius: 10px; font-weight: bold; font-size: 16px; font-family: "Rounded Mplus 1c"; margin-bottom: 5px; border: 1px #e5e5e5 solid; } /***************************************** All Layout *****************************************/ html, body { height: 100%; background-color: #ebeee5; background-image: url(../img/share/bg_all.gif); background-repeat: repeat-y; background-position: center; } #wrapper { width : 100%; float:left; min-height: 100%; border-top:5px solid #bf5589; } /***************************************** #header *****************************************/ #header { width:100%; float:left; background-color:#ffffff; } #header .in { margin:0 auto; width:1000px; height:80px; } h1 { float:left; width:130px; } #header .info { float:left; width:400px; } h2 { font-size:70%; font-weight:normal; } #header .btn { padding-top:10px; } h3 { float:right; width:221px; margin-top:-5px; } /***************************************** #menu *****************************************/ #menu { float: left; width: 100%; background:; background-image: url(../img/share/bg_menu.gif); background-repeat: repeat-x; } #menu ul { width: 1000px; height: 60px; margin: 0 auto; } #menu li { list-style:none; float:left; height:50px; margin:10px 0px 0px 0px; } .phototd { vertical-align:top; width:250px; } /***************************************** #contents *****************************************/ #contents { width:100%; float:left; } #contents #in { width:960px; margin:0 auto; padding:20px; background-color:#ffffff; } /***************************************** #footer *****************************************/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. [if !IE 7]>