floating div to the right creates gray area on the left

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 ri开发者_C百科ght, 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?

Do I need to apply any css along with float:right?

Typically, you would also clear that float somewhere else. That may be your problem, though without the actual code, it is hard to answer the question you didn't ask but probably meant to: How do I get rid of my gray areas?