fixing IE8 version

For the red box issue, try more compatible opacity styles
https://css-tricks.com/css-transparency-settings-for-all-broswers/

For the other issue, can you post screenshots of what you mean?

Thanks for the help! Looking at the red box link now.

As for the alignment issue, here is problem one…
Safari on Mac:
https://twitter.com/WhatBrandonSays/status/240548045710819328/photo/1/large
IE8 on Win:
https://twitter.com/WhatBrandonSays/status/240547994284474370/photo/1/large

here is problem two…
Safari on Mac:
https://twitter.com/WhatBrandonSays/status/240547873568219136/photo/1/large
IE8 on Win:
https://twitter.com/WhatBrandonSays/status/240547927339180033/photo/1/large

I have fixed everything except the < and > used for navigation.
I have them on the sides of the “page” and they show up perfectly in firefox and safari on both the mac and pc. They are super tiny in IE8.

h7 {
	font-family: "Comic Sans MS", Georgia, Verdana, "Brush Script MT", cursive;
	font-size: 100px;
	color:#909090;

}
h7 a {
	font-family: "Comic Sans MS", "Marker Felt", "Noteworthy", YellowtailRegular;
	color:#909090;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
}
h7 a:hover { color:#bf001f; }