Dener Fernandes

Pessoal estou com um problema e necessito da ajuda de vocês.

Tenho uma div(#carrinho) com posição fixa, essa div esta dentro de outra div(#centro-direito), quando rolo a tela a div #carrinho acompanha o scroll (na verdade ela fica parada) ou seja ela sempre está visivél para o usuário.

Acontece que com a resolução de tela que uso(1440 x 900) essa div carrinho fica perfeita, mas quando uso resoluções menores (800x600) e (1024x768) parte da minha div fica escondida, pois a mesma excede o limite da div #centro-direito, queria se possivél limitar a div #carrinho somente ao território da div #centro-direito.

Segue o codigo das duas divs:

#carrinho {
        position: fixed !important;
        z-index: 10;
        width: 330px;
        height:280px;
        color: #000000;
        background-color: #fff;
	margin-top:10px;
	display:table;
	border:1px #d3d3d3 solid;
        }

#centro-direito {
	width:636px;
	height:350px;
	float:left;
	margin-left:5px;
	}

Infelizmente não posso postar links e nem mostrar o codigo em ação, mas fiz essa imagem para ilustar a questão, lembrando que se eu rolar o scroll da pagina essa div #carrinho irá acompanhar.



Se alguém souber uma forma de prender essa div carrinho dentro dessa div #centro-dereito irei ficar agradecido, quero que ela não exceda os limitas da outra.

Desde já um muito obrigado.