Mysterious White Space At Top Of Page

I'm having trouble with some whitespace above my table. I have a table that holds two buttons and then right below it is a Google map. I would like to float the table over top of t

Solution 1:

I saved your code and loaded it in chrome and saw the whitespace at the top. Looks to be from the tr, because you have the table set to border-collapse: separate and border-width : 8px and border-spacing set to 2px. spacing + width = 10px.

So not seeing why you did this (or why you're using a table at all, honestly), I would add the following:

table {
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

Solution 2:

Replace your <table width="100%"> tag with this one -

<table width="100%"  cellpadding="0" cellspacing="0" border="0">