Personal Resume Website CSS styling bugs

Hi everyone,

I am completely new to css and have attempted to build and style my own website as a personal resume.

The problem i have is on smaller screens, such as mobile devices, the pages start allowing a scroll to the right and the page colouring ends leaving the background showing.

you can see an example of this on my site in the link below, if you shrink the browser window and scroll to the right the background shows through.
http://www.jamiegraham.me

Can someone please help me with this issue I can post my code if need be?

how get div to surround chart created with absolute elements?

I have a page which displays a genealogical pedigree chart. It uses absolutely positioned boxes for people and for the lines that connect the boxes.
http://mykindred.com/cloud/dna/results/pedchart.php

The page works fine, but I want to use it in a different context -- I want to include it inside surrounding content for a presentation.

Is there some way to create a div to surround this content?

The code for the page is large, so I won't post it here, but the CSS is below

IE7 and below "display:table" layout

Hi all CSS Creators users,

As you already know, every element on a web page is a rectangular box. The display property in CSS determines just how that rectangular box behaves. If I use "display:table" there are chances a whole set of display values the force non-table elements to behave like table-elements are at our disposal, but it sometimes allows you to be "more semantic" with your code while utilizing the unique positioning powers of tables. So put in this way what I am asking to the forum is: How could I take care of legacy MS Internet Explorer compatiblity in this case?

Drop Down Menu Text Showing Behind Photos

I've tried changing the z-index but nothing is changing?? On Chrome the menu appears normal though on other browsers such as Safari it's hiding behind the gallery images (not the home page slider) Maybe someone can help because I've done as much I can think of, thanks heaps !

my website is - White Boda Wedding Photography and you can see when you visit 'photography' you'll see the menu hides behind the gallery.

Why is my page being cut off?

Alright so Im getting content on the side of my page cut off when I resize my page on my desktop browser.

This is what my page looks like when its normal. http://gyazo.com/dedab68fd110b484e64e4500b5e58523

Then I resize my page to make it thinner and I get this when I scroll to the right http://gyazo.com/cc0234a8463431253c57f172af8749f3

It cuts off my content

How do I fix this? Any help would be greatly appreciated! Thanks

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

Syndicate content