Text Widget fails to resize the background with <div>

Firstly I want to mention I am fairly new to the wordpress and I don’t know much html,css or php. So practically not much at all. But I believe I’m a good learner and I can follow instructions.

As you would be able to see on my site I’m trying to accommodate two polls next to each other, poll are generated using the poll daddy plug-in and they function as expected. I place them on there using the text widget and pasting in the short-code for the polls. At the moment I managed to place two separate short codes in to the text widget and got them to display next to each other using divs, This is the code I used:

<div>
   <div style="float: left">
      [polldaddy poll=3288280]
   </div>
   <div style="float: right">
      [polldaddy poll=3290111]
   </div>
</div>

Now only problem I have at the moment is the white background not stretching all the way down to the longest of the both polls. If I avoid using “floats” then all is good but then they would not display side by side but rather one under the other, and that stretches the site a lot with too much wasted space.

I’m really sorry if I posted this to the wrong section of the forum, but I couldn’t relate it to anywhere.

Any help will be much appreciated or I would be more than happy if you could just direct me towards the right direction.

regards,
Ali.