CLGolden wrote:
It's the oddest thing, but the links inside my paragraphs aren't working. See clgolden.net/about.html for an example.
It's not too odd. This is normal behavior for the other browsers when links are covered by other page elements, in this case your #wave div. Notice that the link on your Contact page doesn't work for the same reason.
As an example of how to avoid this problem, you could delete the #wave div and use the following styling:
#main {
min-height:400px;
margin:0 auto;
padding-bottom:40px;
position:relative;
z-index:1;
background-color: #fff;
background-image: url(../img/wave.png);
background-repeat: no-repeat;
background-position: -20px 80px;
}
This removes the content_bg.png background, which I couldn't see a reason for, and replaces it with the wave.
As mentioned, you should remove the links to those IE specific style sheets which are shrinking your text.
Your header styling has this bit of code:
background:url(../img/header.jpg)top left no-repeat;
Notice the missing space before the word "top". Other browsers seem forgiving enough, but IE skips over this and fails to display the image.
Finally, "<!--" and "-->" should never be used in external style sheets. Those are html codes. Hope this helps.