빨간 부분이 검은 부분을 감싸게 짜고 싶은데 왼쪽과 오른쪽 공간이 아래까지 내려오질 않네요 어떻게 해야하나요

<div style="width:750px; margin-left:auto; margin-right:auto;">

<div style="background-color:#800000; width:750px;"></div>
<div id="left_ptn" style="background-color:#800000; float:left; width:20px;"></div>
<div style="float:left; width:710px;">

<div style="background-color:#1D1E23; width:610px; float:left;">외부로그인 출력</div>

<div style="background-color:#1D1E23; width:100px; float:left; clear:right;">언어선택</div>

<div style="background-color:#323232; width:710px;">로고</div>

<div style="background-color:#1D1E23; width:710px;">메인메뉴</div>

<div style="background-color:#323232; width:160px; float:left;">서브메뉴</div>

<div style="width:550px; float:left; clear:right;">{$content}</div>

<div style="background-color:#1D1E23; width:710px;">카피</div></div>
<div id="right_ptn" style="background-color:#800000; float:left; width:20px;"></div>
<div style="background-color:#800000; clear:both; width:750px;"></div>
</div>