How can I make my header go to the top left of my page?

I want to put my header on the top left of my page.

Here’s the codes I’m currently using:

#page {
        margin:0px auto;
        text-align:left;
        background:#fff url("http://brittanywigand.com/wp-content/uploads/2009/08/headerblue.png") no-repeat top left;
        width:885px;
        padding-top:0px;
}

.navigation { display: none; }

/*BEGIN HEADER*************************************/
#header {
        float:left;
        background:transparent;
        width:100%;
        height:262px;
        color:#211;
        font-weight:normal;
        letter-spacing:-2px;
        font-family:'Arial',sans-serif;
        font-size:8pt;
        text-align:left;
        margin:0px;
        padding-top:60px;
        padding-left:40px;
}

So as you can see my header is called in the page part. I don’t know what to do… in my old theme the codes were way different.

My site: BrittanyWigand.com
Theme: Silver Dreams