Thanks Sudarshan.

Deleted just the cache first - no change.

Deleted the whole personal configuration file, rebooted - no change.

Its maddening!!!

Just seen Nancy's post - in Live view it is the same as the live website, so ok, just the gradients on the menu are all pink rather than pink/cream but that could be because it is using IE to display it I suppose?

If I click design or split while in live view it displays correctly (except the full pink menu).

I tried to install Wampserver when i first got DWCS6 but it came up with some errors after installation, so i don't use it but i didn't uninstall it.

I use the actual website as the testing server.

Thanks Nancy

I have identified the culprit as layout.css, the file created by DWCS6 fluid grid system!

Feeling guilty because i did play around with its percentages, i restored the web server to the original file when, I set the first design up - and it still gave the DW viewing errors.

I commented out each css file in turn, the wowslider one commented out made a slight difference in that the slider images appeared in the correct posistion but still the simple css nav images i created in the div on the right  was still off the DW viewing screen and still(what you could not see from the screenshot) little dots for the images.

The only solution was to comment out layout.css on its own.

I even tried commenting out one section at a time of layout.css, even just the top line 

img, object, embed, video {

max-width: 100%;

}

but it still resulted in the same DW viewing errors.

I have used your 'Design Time' method to hide the style sheet as a workaround thanks but perhaps the program designers could work out why it is having this effect for hte next update or something.