Imagem background expandir com o conteúdo.

[Lise Beka]

Olá pessoal!

Queria saber se tem como colocar essa imagem http://testellisebeka.blogspot.com.br/ para se expandir conforme o conteúdo sem que apareça a emenda como fazemos com os comandos:

background-repeat: repeat-x;

background-position:top;

Geralmente eu uso esse comando com uma fatia muito fina da imagem, e ela não se repete só expandi, porem com essa não posso fatia-la por causa dos detalhes, mas preciso de uma solução para usa-la, please me ajudem.

Obrigada.

Editado Agosto 27, 2012 por Lise Beka

[Nosreve]

ola

você pode criar uma div com height:auto, para aumentar conforme o conteudo, e colocar a imagem como background, e atribuir o background-size, colocando-o como 100% de largura e altura, assim ele vai se expandido sem se repetir, mas parece que o background-size ainda não funciona tambem em alguns navegadores então faz um teste pra ver se é mais ou menos isso que você quer.

css

#tudo{
    height:auto;
    background-image:url(sidebar-superior.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}

html

<div id="tudo">
    	  seu conteudo
</div>