Navigation Bar Hotspots

I have sliced the jpeg images in photoshop so it can be imported as sections in dreamweaver. However, when i imported the slices into dreamweaver when i the middle section to add the text, the whole image distorted.

For the navigation bar i added image tags onto the text. I am aware that this probably isn't the best way to do this, however it does what i want it to do, so i am not going to jeopardize time to to something more complicated. If i have time during the testing stage, then i will alter this problem then.

The next stage is to add the links and the text to my web pages in dreamweaver. i am finding dreamweaver quite hard to actually put sections into my website because it means that the slices i created in photoshop move around because there is not enough space on the page, making everything take alot longer to do than i had expected.