로그인을 로고이미지 옆 (우측상단)에 넣고 싶습니다.
그런데 계속 로고이미지 밑에 보여지고, 로그인 테두리가 그 줄의 전체를 차지해버립니다.
제발 도와주세요. 감사합니다.


/*HTML 파일 */

<div id="topUpperBox">
    <div class="logoBox">
    <a href="http://localhost/zbxe"><img src="./images/logo.jpg" alt=""/></a>
    </div>
     <div class="loginBox">
       <img src="http://localhost/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="login_info" body="" skin="default" colorset="default" widget_cache="0" widget_sequence="289" />
    </div>
</div> 

/* CSS 파일 */
#topUpperBox {
    width: 1000px;
    height:100px;
 
}

#topUpperBox.logoBox {
    width:700px;
    height:75px;
    text-align:center;
    float:left;
    overflow:hidden;
}

#topUpperBox.loginBox {
    width:300px;
      float:right;
    overflow:hidden;
}