I am having a slight problem with my site. It was beginning to look just how I pictured it in my head. The site looked beautiful in firefox, opera and chrome. Now, I am not naive and I knew there would be some problems with IE but I wasn't expecting this one...
Unfortunately, my navigation bar appears to be rendered twice in internet explorer. To show you what I mean, here is an image of how it looks in IE and how it looks in opera:
I am currently ignoring the fact that my links do not appear in internet explorer as well (one problem solved at a time and all that). Another thing to not, when I take the gradient out, I can see the links. It was also because I wasn't using a gradient on IE for a while, that I did not see the two divs being rendered (they kind of merged into one).
Anyway, here is the CSS and HTML. Can anyone spot anything? I can't and I have been googling for a good hour now and to no avail!
<link rel="stylesheet" href="ie.css">
<link rel="stylesheet" href="layout.css">
<link rel="stylesheet" href="nav.css">
<meta name="keywords" content="Wells","Somerset","Weddings","Wedding Planning,Wells, Somerset,Parties,Events,Events Management, Weddings in Somerset, Catering, Catering in Somerset."/>
<title>Gert Lush Events - Weddings, Catering, Parties, Functions - Based in Somerset</title>
<header><a href="index.html"> <img src="banner.png" alt="Gert Lush Events" width="100%" height="100%"></header>
<a id="lnk" href="index.html">Home</a>
<!-- content -->
<p id="foot"><a id="footlink" href ="index.html">Index</a> | <a id="footlink" href="contact.html">Contact Us</a><br>
Copyright © Gert Lush Events 2012. All rights reserved.<br></p>
<div class="left"><!--Side columns --></div>
<div class="right"><!--Side columns --></div>
background-image: linear-gradient(bottom, #3C2414 40%, #A68153 90%);
background-image: -o-linear-gradient(bottom, #3C2414 40%, #A68153 90%);
background-image: -moz-linear-gradient(bottom, #3C2414 40%, #A68153 90%);
background-image: -webkit-linear-gradient(bottom, #3C2414 40%, #A68153 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C2414', endColorstr='#A68153');