* { margin: 0; } html{ height: 100%; } body { background-image: url(wp-content/themes/nara/images/top2.png); background-repeat:repeat-x; height:100%; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; z-index:2; position:relative; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -32px; z-index:-1; } .push { height: 32px; } .footer { height:32px; background-image: url(wp-content/themes/nara/images/top3.png); z-index:5; position:absolute; width:100%; } #left { width:50%; height:100%; float: left; position:absolute; background-image: url(wp-content/themes/nara/images/html.png); } #left_bg { background-image: url(wp-content/themes/nara/images/left_bg.png); width:100%; height:100%; position:fixed; background-repeat: no-repeat; margin-left:100px; margin-top:50px; } #right { height:100%; float:left; width:50%; background-image: url(wp-content/themes/nara/images/html_pc.png); z-index:0; position:absolute; margin-left:50%; } #right_bg { background-image: url(wp-content/themes/nara/images/right_bg.png); width:100%; height:100%; position:fixed; background-repeat: no-repeat; margin-left:100px; margin-top:50px; margin-right:100px; } #left_start { margin-left:50px; margin-top:200px; width:100%; height:100%; position: fixed; } #right_start { margin-left:40px; margin-top:200px; width:100%; height:100%; } .top { background-image: url(wp-content/themes/nara/images/top2.png); height:13px; } .start_top { background-image: url(wp-content/themes/nara/images/start_top.png); width:100%; background-repeat: no-repeat; background-position:center; height:249px; z-index:5; position:absolute; align:center; }