안녕하세요

사이트안에 카페를 개설하여 xe office v2 레이아웃을 사용하는데

오른쪽에 가상 사이트 현황 위젯을 추가하니까 가로 사이즈가 안맞는것 같아 글자들이 아래로 밀려 내려오네요

소스봐도 잘 몰라서 어떤부분을 수정해야 될지 모르것네요

도움부탁드립니다.

site_info.html 파일

<!--%import("./js/site_info.js")-->

<!--@if($colorset == "black" || $colorset == "white")-->
    <!--%import("./css/widget.css")-->
<!--@end-->

<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
    <dl class="widgetDlistA">
        <dt>{$lang->member}:</dt>
        <dd>{number_format($widget_info->member_count)}</dd>
        <dt class="div">{$lang->new_document_count}:</dt>
        <dd>{number_format($widget_info->new_documents)}</dd>
        <dt>{$lang->regdate}:</dt>
        <dd>{zdate($widget_info->created, "Y.m.d")}</dd>
    </dl>

    <!--@if($is_logged)-->
        <!--@if(!$widget_info->joined)-->
        <a href="./#" onclick="doSiteSignUp(); return false;" class="button green strong"><span>{$lang->cmd_site_signup}</span></a>
        <!--@else-->
        <a href="./#" onclick="doSiteLeave('{$lang->confirm_leave}'); return false;" class="button"><span>{$lang->cmd_leave}</span></a>
        <!--@end-->
    <!--@end-->
</div>

widzet.css 파일

@charset "utf-8";

/* widgetDlistA */
.widgetDlistA{ margin:0; padding:0; font-size:12px; line-height:1.5; zoom:1;}
.widgetDlistA:after{ content:""; display:block; clear:both;}
.widgetDlistA dt{ float:left; clear:left; margin-right:5px; white-space:nowrap;}
.widgetDlistA dd{ clear:right; white-space:nowrap; font-family:Tahoma;}

.widgetDlistA dt{ color:#333;}
.widgetDlistA dd,
.widgetDlistA  dd a{ color:#888;}

.widgetContainer.black .widgetDlistA dt{ color:#999;}
.widgetContainer.black .widgetDlistA dd,
.widgetContainer.black .widgetDlistA  dd a{ color:#888;}