floating div to the right creates gray area on the left

[acrolislory]

I am creating a div and inside it am creating a table. Then I am floating the div to the right like in this example. But when I am floating the div to the right, its creating gray area to the left and little gray to the right of its box. The jsfiddle example shows everything fine but the problem is with the actual page I am working on. Do I need to apply any css along with float:right?