i a have big space here which i would like to reduce. how do i do it. see image

what have you tried?
what tools are you using to look at the space and the code that makes it up?

have tried to style and change the width and height of the widget have placed in that area but all in vain. i always use firebug

so, since you are using FireBug, what part of the HTML code effects that space?

from firebug i see the space comes from the entire header table. give me the clue

ok, I'll give you a hint. examine each part of the header and look at it's CSS. shut each css rule off and see the effect. If it doesn't do anything, turn that rule back on and go on to the next rule.

Do this for every html element in the header.

I have been able to get the css styles correctly this time

For anyone reading this, the user had added a widget area to the header and then had changed it's position which caused the gap. Using the correct positioning oprion fixed teh issue.