Problema com Faded

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](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;
}