I've looked at it numerous times and tried it numerous ways and I just don't get where exactly it's going wrong. By my understanding the html should look like this:
- #header Div
- #access Div
- .menu Div
...menu content...
- /.menu Div
- /#access Div
- /#header Div
Looking at the source code, it works this way. I have the #header div set as relative and it positions perfectly. I have set the margins, padding, positioning, etc...
I also have the #access set with what I consider to be accurate - it has absolute positioning and drop 76px from the top and should go about 260px from the left. From what I know/understand/think, it should be positioning itself according to the #header div - but it isn't. It's positioning itself according to the browser window. This means that if someone with a really large monitor opens the page, the positioning get's completely mauled.
http://ahealingplace.ca/content/
http://www.ahealingplace.ca/content/wp-content/themes/ahp_child/style.css
Any thoughts?