Why is my header being elongated out and spaced out?

I am using the twenty Eleven theme. I have customised it to make it look like my website. I have used fireworks to export a html coded header with rollovers and links. Since adding the rollover and links my header has spread out and become elongated.

https://www.stacey-bennett.com/news

When i want it to look like this

I assume this is happening because of the CCS file? But its so strange I’m not sure what to look for.

When I preview my header in dreamweaver is works fine. Its not until i publish it that it becomes stretched and strange.

Any help would be appreciated