I’m developing an online store using wp e-commerce plugin.
Whilst working on it locally the problem didn’t occur, but after I started testing it online a large gap began appearing before the top of the page. Using Firebug I’ve been able to see that the styling causing it is:
html {margin-top: 28px !important; }
which firebug is telling me comes from a file that has the same name as the page ie: if example.com/products-page is the page being viewed it says that the style in question is being created by http://example.com/products-page on (line63)
I have used dreamweaver to search the entire wordpress folder locally for the style causing the error but it doesn’t exist – it seems to be only occurring when the site is live online. I considered that possibly something could be getting added at a server level so I uploaded the site to an account on a different host – but same problem.
I’m using a reset.css file that would normally overcome this style being recognised – but than !important is what keeps it from being ignored.
Any insights or suggestions greatly appreciated
This is almost surely your problem WordPress Admin Bar ..
Could it be that you’re logged in to the WordPress admin panel? The new WordPress admin-bar adds some css to the header: