(Resolvido) Problemas em colocar uma imaegm de fundo

[mestre fyoda]

#Busca
{
    padding-top: 145px;
    padding-left: 80px;
}

#Busca .txtBusca
{
    background-color: #FFF;
    border-left: 1px solid #e4e4e4; 
    border-top:  1px solid #e4e4e4;
    border-right:  0px;
    border-bottom:  1px solid #e4e4e4;
    letter-spacing: 1px;
    font-size: 11px;
    color: #333;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    height: 15px;
    vertical-align: middle;
    width: 300px;
 }

.classPesquisar
{
    position: absolute;
    background-color: #FFF;
    margin-left:   -4px;
    border-left:   0px !important;
    border-top:    solid 1px #e4e4e4;
    border-right:  solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
}

.ddlBusca
{
    font-size: 12px;
    font-family: Verdana;
    height: 20px;
    vertical-align: middle;
}

.lblBusca
{
    font-size: 12px;
    font-family: Comic Sans MS;
}

#Carrinho
{
    float: right;
    padding-right: 215px;
    height: 47px;
    background-image: url(../img/headerCarrinho.png);
    background-repeat: no-repeat;
    background-position: 100px;
}

#Carrinho .texto
{
    float: right;
    color: #FFF;
    font-family: Verdana;
}

        <div id="Busca">
           <asp:Label ID="lblBusca" Text="Buscar no Site: " runat="server"></asp:Label>
           <asp:DropDownList ID="ddlGrupo" CssClass="ddlBusca" runat="server"></asp:DropDownList>
           <asp:TextBox CssClass="txtBusca" ID="txtBusca" runat="server"></asp:TextBox>
           <asp:ImageButton CssClass="classPesquisar" BorderWidth="1" ID="btnPesquisar" ImageUrl="img/lupa.gif" runat="server" />
           <div id="Carrinho">
               <br /><asp:Label ID="lblQtdProduto" CssClass="texto" runat="server"></asp:Label>
           </div>
       </div>

não consigo alinhar a imagem de fundo da div id="Carrinho".

[_Vinny_]

Dá uma lida nas seguintes páginas:

http://www.w3schools.com/css/pr_background-position.asp

E

http://maujor.com/tutorial/backtut.php (na parte de Posicionar uma imagem de fundo)

[mestre fyoda]

Resolvido, no div id="headerBusca" coloquei a imagem.

Só uma pergunta, está semanticamente correto dividir com div id uma parte para busca e a outra para o Carrinho de Compras ?

Editado Maio 14, 2010 por mestre fyoda

[_Vinny_]

Tem um print ou link?

[mestre fyoda]

Resolvido, no div id="headerBusca" coloquei a imagem.

Só uma pergunta, está semanticamente correto dividir com div id uma parte para busca e a outra para o Carrinho de Compras ?

<div id="headerBusca">
           <div id="Busca">
               <asp:Label ID="lblBusca" Text="Buscar no Site: " runat="server"></asp:Label>
               <asp:DropDownList ID="ddlGrupo" CssClass="ddlBusca" runat="server"></asp:DropDownList>
               <asp:TextBox CssClass="txtBusca" ID="txtBusca" runat="server"></asp:TextBox>
               <asp:ImageButton CssClass="classPesquisar" BorderWidth="1" ID="btnPesquisar" ImageUrl="img/lupa.gif" runat="server" />
           </div>
           <div id="Carrinho">
               <br /><asp:Label ID="lblQtdProduto" CssClass="texto" runat="server"></asp:Label>
           </div>
       </div>

[_Vinny_]

Não vejo problema. Ambos ficam separados e fica fácil de formatar com o CSS.

Mas fique a vontade para trabalhar da maneira que achar melhor.