Ola boa tarde alguem sabe me explicar como fazer com que aquela borda da caixa desapareça para que parece ser um todo em vez de uma caixa por cima da barra?
![Imagem Colocada]()
Código (HTML5):
o css é este
Código (CSS):

Código (HTML5):
<nav class="art-nav">
<div id="barra_letras_dir"><a href="#"> Login</a> / Criar Conta </div>
<div id="barra_letras_esq"> Ajuda & Informações / Convidar </div>
</nav>
<div class="log_reg"><p> </p>
<form action="" method="post">
<fieldset>
<label>
<span class="">Nickname:</span>
<input type="text" name="nome" />
</label>
</fieldset>
<fieldset>
<label>
<span class="">Password:</span>
<input type="password" name="password"/>
</label>
<input type="submit" value="Iniciar Sessão" class="send" />
</fieldset>
</form>
</div>
<div id="barra_letras_dir"><a href="#"> Login</a> / Criar Conta </div>
<div id="barra_letras_esq"> Ajuda & Informações / Convidar </div>
</nav>
<div class="log_reg"><p> </p>
<form action="" method="post">
<fieldset>
<label>
<span class="">Nickname:</span>
<input type="text" name="nome" />
</label>
</fieldset>
<fieldset>
<label>
<span class="">Password:</span>
<input type="password" name="password"/>
</label>
<input type="submit" value="Iniciar Sessão" class="send" />
</fieldset>
</form>
</div>
o css é este
Código (CSS):
.log_reg{
width:300px;
height:auto;
border-radius: 0px 0px 5px 5px;
border:1px #FFFFFF solid;
background-color:#57cbd1;
margin-top:0px;
margin-left:64%;
position: absolute;
z-index: 1000;
}
width:300px;
height:auto;
border-radius: 0px 0px 5px 5px;
border:1px #FFFFFF solid;
background-color:#57cbd1;
margin-top:0px;
margin-left:64%;
position: absolute;
z-index: 1000;
}