Date: 07/07/07 (WebDesign)    Keywords: web

Hey everyone.

I'm pretty new to designing for the web. My code works great in Firefox and Safari, but my footer and h1 (link color) are all screwed up in IE.

My footer is shortened to about half the page size. Can anyone please offer some help?



h1 code and link code
h1 {
font-family: Helvetica, Arial, Verdana, san-serif;
color:#CBCAB6;
font-size: 2.5em;
letter-spacing: 1px;
line-height: 100%;
margin-top: 25px;
margin-left: 25px;
width: 550px;
}

a:link {text-decoration: none; color:#CC1100}
a:visited {text-decoration:none; color:#E35152}
a:hover {text-decoration:none; background-color: #AADD00;color:#CC1100}
a:active {color:#CC1100}

a.active {background-color: #AADD00}

a.footer {text-decoration:none; color:white}

a.header {text-decoration:none; color:#CBCAB6}

footer code
#footer {
background-color: #E35152;
position: absolute;
top: 1250px;
left: 0;
right: 0;
height: 50px;
padding-left: 10px;
}



Also, I'm using Lightbox to display my images, and it completely doesn't show up in IE. Help on that too please!

Source: http://community.livejournal.com/webdesign/1278916.html