Is there any way to bring in the side of a DIV area to trim the content within it?

OK, so I am working on a hosted cart. The default mini shopping cart has too much info and wastes alot of space. Som1 suggest I use CSS to setp up a DIV section, place the code minicart code within the DIV, set the overflow as hidden then resize the DIV to trim the mini cart. This works great vertically but is NO good horizontally. Lets say this is the mini cart:

Your cart has X items
It cost X Dollars
unwanted info here
more unwanted
more unwanted

the DIV fix makes it look like this:

Your cart has X items


I want to reduce the DIV table to only display X is there any way to bring in each side around and object? When I simply reduce the width I get a result that looks like this:

Your ca

ANY SUGGESTIONS????

Don't set overflow as hidden.

I think you missed the point. Maybe I didn't explain well. I want to show and item but not the entire item. I want to clip the bottom and bring in the points to ONLY show a section of the top middle. Lets say you avatar / icon is this item. I want to use the Div to trim it but ONLY show the big P

You can't do that. And there is no point in that method anyway. To hide the stuff you don't want visitors to see (unless styles are off) use display: none (to remove it from the entire structure) or visibility: hidden. Hide the text using span.