I made a website: http://www.saborearte.pt/
I don’t know why the website has a bug in IE, I’ve tryed some workarrounds but i don’t find the CSS error.
Why i can’t resolve it?
1- I’m using Mac.
2- Internet Explorer doesn’t have a nice Developer Tools
** EDIT: **
<div id="headercloth"></div>
<header id="header" class="clearfix">
<div class="wrap">
<div id="logo" class="left">
<a href="http://www.saborearte.pt">
Sabor&Arte
<img src="assets/images/estilo/logos/logo.png" height="145" width="217" alt="Sabor&Arte Logo" />
</a>
</div>
<div id="nav">
<nav class="jquery-menu clearfix sombra">
<ul><li class="active"><a href="http://www.saborearte.pt/" title="Quem Somos" >Quem Somos</a></li>
<li><a href="/galeria" title="Galeria" >Galeria</a></li>
<li><a href="/ementa" title="Ementa" >Ementa</a></li>
<li class="last"><a href="/contactos" title="Contactos" >Contactos</a></li>
</ul>
</nav>
</div>
</div>
</header>
this code snippet isn’t rendering correctly on IE (6 , 7 and 8)
IE version 8 and lower do not natively recognize unknown elements.
For some background details: http://paulirish.com/2011/the-history-of-the-html5-shiv/
The fix is as simple as including this in your page, in your
<head>:For further instructions: http://code.google.com/p/html5shiv/