Eu andei lendo e nada se aplicava, eu pensei um pouco a respeito quando precisei usar agora pouco consegui ajustar fazendo uma div fixa só com as propriedades normais e com overflow hidden... criei outra div dentro dela levando o position relative e nela apliquei um bottom 100px só pra testes mas vou mudar isso pra porcentagem pra ficar melhor segue aí. <div id="principal">
float: right;
height: 100px;
width: 100%;
overflow: hidden;
clear: both; ______________ dentro dela criei outra <div id="segundaria">
height: auto;
width: auto;
position: relative;
bottom: 100px; Assim consegui manipular livremente fazendo um quadro com a primeira foi a solução que achei, rodei bastante e não achei algo que me ajudasse, espero ter ajudado =D AAA SEM ESQUECER!!! A imagem eu usei em HTML normal da forma tradicional <img src=""> sem atributos algum, me deu bastante mobilidade e em questão poder usar 1 div para várias aplicações sem ter que ficar criando regras, sem mexer com backgrounds, abraços!