position fixed

Olá tenho seguinte codigo ...

<div id="topconfig">	<div class="content"> <a href="dashboard.php" class="header-logo"> Viver e Sorrir </a> <a href="?sair=<?php echo $_SESSION['user_admin'];?>" class="pull-right"> Sair do sistema </a> <a href="#" class="pull-right"> Perfil </a> <a href="#" class="pull-right"> Visualizar site </a>	</div></div>	<div class="box bgbranco"> <div class="sidebar"> <ul> <p>Gerenciar</p> etc....

há topconfig ela ta fixed e tal porem a box que esta abaixo ... quando eu aplico margem top nela a topconfig desse junto ...

css : topconfig

#topconfig{width:100%;height:60px;background:linear-gradient(to bottom, rgba(51,51,51,1), rgba(0,0,0,1));position: fixed;}#topconfig .content{width:940px;margin:0 auto;}#topconfig .content a{float:left;color:#fff;font-size:13px;padding:21px;}#topconfig .content a:hover{text-decoration: underline;}#topconfig .pull-right{float:right !important;}#topconfig .header-logo{font-weight: bold;text-transform: uppercase;font-size: 25px !important;background: #069;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-bottom-left-radius: 6px;-o-border-bottom-right:5px;-o-border-bottom-left:5px;}#topconfig .header-logo:hover{text-decoration: none !important;}

css : box

.box{width:940px;height:auto;overflow: hidden;margin:30px auto;}

resultado do problema ...

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/pMKRMus.png&key=f6edf0063b868b8998c7b90201d08eb80c9c2f0e9508152eee5ff399cafa1f83" alt="pMKRMus.png" />

ninguem ae tio ! :dormindo: