problem with ie css layout

I am trying to make a multi-line header on a Squarespace page that consists of the first line, plain text, in 64px type underlined and the rest, a link, in 128px type not underlined. The following partial CSS snippet is what I'm currently using (there are more parameters, such as spacing, but they are irrelevant)

h1.page-title {
  text-decoration: none;
  text-transform: uppercase;
  font-size:64px;
  }
h1.page-title a{
  text-decoration: none;
  font-size:128px;
  }

Hey guys,

I know this is posted all over these forums but It has happened to me and I'm pulling my hair out trying to work out a solution.

The problem is my website (http://www.stereocraftmusic.com) works 100% perfectly on firefox, however on ie (internet explorer) the site is completely different. I assume it has to do with a CSS problem so that's why I have come here. I've spent a lot of time trying to work out how to even just getting the site live (First time with dreamweaver or any site production) and it's a massive bummer than the most popular browser (sigh) isn't compatible.