Apologies for the poor topic title, I find it hard to describe this problem.
Here's my site:
If you open it up and resize the window to a smaller level you'll notice the title image is just squashed and the background image (the one I am most eager to get working) and the menu bar do not 'snap' to the shape of the window. The text also shifts in all sorts of weird ways as the window becomes smaller.
The aim here for me is to make the webpage work as one, like any normal webpage. I'm assuming I have to set up a div or similar to encapsulate all the aspects on the page, I'm just not sure.
Obviously I would like it to be like this for the whole website, not just the homepage! It doesn't crop up as an immediate problem on most computers I have tried it on but I would really like my site to show up well on iPhones/iPads/Blackberrys etc... This treatment will ensure that shouldn't it? If not please advise.
Many thanks for any help you can give.