image containing div problem

i am trying to align an image logo left of some text elements (ideally an H1 and H2)

i have 2 divs floated left within a container div (relative position)

first div contains the image which is resized width: 30%.

however while the img correctly resizes, the div containing the image seems to stay the width of the real image size, therefore my div with my text elements do not align close up to the right of the image, due to the width of the image div.

what is the way to fix this so the image containing div is the same width as the resized image within it?