Problema com Faded

[Griever 0]

Estou com problemas no faded, estou usando ele dentro de outra div e não está funcionando. Alguém poderia me dar um help? já mexi nele muito e não altera o problema, se eu colocar normal ele funciona. não sei onde esta o problema

 

vou postar o codigo

<div class="topheader">
<div class="redesociais">
<table height="16px" width="24px" border="0">
  <tbody>
    <tr>
      <th scope="row"><a href="http://www.twitter.com" target="_blank"><img src="img/Twitter.png" width="24" height="16" alt=""/></a></th>
    </tr>
  </tbody>
</table>
</div>

<div class="toph2">Área do Cliente     </div>

  <div class="toph1"> 
  <input type="text" size="13" placeholder="Usuário"></input>    <input type="password" size="13" placeholder="Senha"></input> <button type="button" name="" value="" class="botão1">Acessar</button></div>


</div>

Agora o CSS

.redesociais {
	position:absolute;
	padding-left:100px;
	padding-top:10px;
	
}

.redesociais a {
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	
}

.redesociais a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.topheader {
	background-color:#1BACFD;
	height: 40px;
	box-shadow: 0px 1px 5px #A7A7A7;
	-webkit-box-shadow: 0px 1px 5px #A7A7A7;
	-moz-box-shadow: 0px 1px 5px #A7A7A7;
	
}
.toph1 {
	position: relative;
	padding-left: 900px;
	font-family: 'Oswald', sans-serif;
	color: #FFFFFF;
}

.toph2 {
	position: absolute;
	padding-top: 8px;
	padding-left: 790px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}