I have been struggling to get one page done for nearly a week and am now completely frustrated. I've attached an image of the display problem I am having at the moment since you can't actually SEE the page in the menu system of the site.
ISSUE 1: RESOLVED
For some reason even though I have clicked the "Save and Publish" button numerous times for whatever reason the page is missing from the menu. I even tried using the batch publish function and yes I have appended the ?flush=1 to the URL .. all to no avail.
The page was showing in the menu before but it's suddenly disappeared.
I can however see it if I go through the CMS admin UI and click "Published site" but if I simply open a browser and go to http://www.thesystem.ca it is not in the menu list. There should be a page called "What do we do" in between "what makes us different and How do we do what we do" (it's not my site and the content. menu names, etc are all what the client wants :/ )
ISSUE 2: RESOLVED
Attached you can see a screen snap of a sub-page off of "What do we do" called Integrated Training Pyramid. This page contains an image map. Every level of the pyramid is a link to the information below. I had coded it to be have rollovers instead to show the information but for some reason that would not work when I copied the css and html into the page so I gave up and went with a straight forward, simple image map that links to named sections on the same page.
The linking all works in both browsers but in IE8 the image is way down the page. I've managed to get the image to view at the top of the page but the text is then showing off to the left and not positioned correctly. If I use absolute positing and z-indexing I can get it to display where it is supposed to below the image but then the background of the container stops and you end up with the red body background.
Since you can't actually see this page because of the first issue I have included a couple of images.
This is the html code:
[SNIP]
I have tried using " style="width: 550px; position: relative; top: 10px;" " in the image div but that just makes everything shift down again.
*tearing hair out and sobbing*
It all looks fine in Firefox which is soooo frustrating.
NOTE: modified subject to read image as it doesn't seem to matter if it is an image map or not -- see my other post regarding html editor removing ID from tags here
Alex was right about IE doing odd things with padding. Even though my CSS has *{padding:0;} included the issue was IE's padding treatment. Even though there was plenty of room making the image smaller was the only way to resolve it.