So I've pretty much finished Glaskil's profile, the only thing I want to do is clean up the wave illustration a bit. Anyway, I wanted to check that it works because I used a few things I've never used before so, if you could tell me if it's not a huge mess on your computer I'd be grateful haha.
You should see the first screen a grey transparent layer the size of your screen, and the wave should line up with the edge. I think you'll see what I mean. Please let me know if it doesn't because that's what I've had the biggest problem with.
Edit: Just checked on my work computer and it's not working. :( urgh. More work needed. Edit 2: Working now maybe hopefully? o: Edit 3: I think I may have solved the Firefox horizontal scroll issue. For some reason Firefox was rendering the img significantly wider than the other browsers, so I had to add in a max-width. I think it worked, I'm not getting a scrollbar on my Firefox, also put an overflow-x: hidden. Edit 4: Made the wave illustration a vector! :D Should now be clean now matter the resize. :)
The only thing I see as far as the layout goes is that there seems to be a horizontal scroll bar that's maybe a pixel or two. Other than that it lines up exactly how you said it should for me. Using Firefox version 39 on Windows 8.1.
I checked in IE 11 for you as well since I have it, doesn't seem to be any problem in that browser for whatever reason.

great thanks! I'm using Chrome so that's the three major browsers down. I'll look into the horizontal scroll bar, it didn't come up for me on Chrome.
It's weird how some browsers show things and others don't, but I'm sure you'll figure it out. ^^ Glad I could help.

yeah I wish they would all just render things the same way haha. I don't see why it has to be different. I probably just need an overflow: hidden somewhere.
it works fine on chrome and safari, but on firefox there is a horizontal scrollbar that scrolls ~200 pixels to the right, though i couldn't tell you why.