IE specific code for margin-top
<p>My intro photo slightly covers the breadcrumbs panel on IE and Chrome, see here <a href="https://www.hawaiidiscount.com/luaus.htm" rel="nofollow">https://www.hawaiidiscount.com/luaus.htm</a>
It looks fine on Safari and Firefox.
I have been reading on the Internet about css specific code for IE and tried different methods to fix that, but it doesn't work. What am I doing wrong? Thanks!</p>

<pre><code>&lt;!--[if IE]&gt;
&lt;style&gt;
    .breadcrumbs {
         margin-top: -22px;
    }
&lt;/style&gt;
&lt;![endif]--&gt;


&lt;style&gt;
    .ie .breadcrumbs {
         margin-top: -22px;
    }
&lt;/style&gt;

&lt;style&gt;
    #breadcrumbs {
         margin-top: -22px;
    }
&lt;/style&gt;
</code></pre>