Imagem em cima da outra canto direito CSS

[Madk 0]

Ola, eu estou com um problema onde a imagem da minha classe cads, nao esta ficando no canto right da imagem da div formu.

A imagem cads esta passando da div FORMU e esta ficando no canto do site isolada. Queria saber como boto a imagem cads no canto right da imagem da formu, PS: o maximo que consegui foi que ela ficasse do lado left, ja no right nao esta ficando.

<div id="formu">
<div class="cads">
</div>
</div>

#formu {
	margin: 0 auto;
	width: 960px;
	height:30px;
	opacity:0.8;
	background-image:url(../images/cads2.png);
}
.cads {
	position:absolute;
	top:0px;
	right: 0px;
	width:115px;
	height:60px;
	opacity:0.80;
	background-image:url(../images/cads.png);
}

[L. Henrique 179]

Tente essa opção:

.cads {
   position:absolute;
   top: 0px;
   right: 0px;
   width:115px;
   height:60px;
   opacity:0.80;
   background-image:url(../images/cads.png);
   float: right;
}

Veja um exemplo bem simples que preparei no JSFiddle.

[Madk 0]

Nao esta indo, a imagem esta ficando isolada no lado right, nao esta ficando na direita da imagem do formu. :/

[Carlos Henrique A. 7]

@Madk

Use dessa forma:

.cads {
   width:115px;
   height:60px;
   opacity:0.80;
   background-image:url(../images/cads.png);
   float: right;
}

O que fiz foi retirar os atributos: position, top e right. Para dessa forma então a classe .cads virar filha "dependente" da formu.

[Maujor 144]

Basta acrescentar a declaração position: relative; no seletor #form:

#formu {
  position: relative;
  /* permanece igual */
  }

Veja como fica em http://codepen.io/Maujor/pen/QEywWQ

[Madk 0]

Muito obrigado, funcionou :) estava quebrando a cabeça pra resolver e, muito obrigado pelos ensinamentos Maujor, aprendi muitas coisas no seu site de CSS :), Vlw pessoal que ajudou.