<!-- m --><a class="postlink" href="http://www.lifechangeadventures.org/ecuador.php">http://www.lifechangeadventures.org/ecuador.php</a><!-- m -->
Firefox displays this fine. IE has black horizontal lines extending from select images appearing next to some H2 headers. I can't seem to figure out if there is any kind of explanation for this other than IE's poor handling of CSS. Any recommendations would be great. I'd rather not implement any kind of browser specific scripts.Add:
#main {zoom: 1;}
I would also suggest adding:#horizontal a {
color: #000000;
white-space: nowrap;
}
This will prevent the anchor text breaking onto a 2nd line.what does zoom instruction do?Exactly what you would expect zoom to do: <!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/zoom.asp">http://msdn.microsoft.com/workshop/auth ... s/zoom.asp</a><!-- m -->
In this instance zoom:1 does nothing, except setting the property hasLayout (<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp">http://msdn.microsoft.com/workshop/auth ... layout.asp</a><!-- m -->), which gives the IE the ability to calculate the dimensions of the element and therefore solving the problem of those unwanted lines, without affecting any other browser.
Firefox displays this fine. IE has black horizontal lines extending from select images appearing next to some H2 headers. I can't seem to figure out if there is any kind of explanation for this other than IE's poor handling of CSS. Any recommendations would be great. I'd rather not implement any kind of browser specific scripts.Add:
#main {zoom: 1;}
I would also suggest adding:#horizontal a {
color: #000000;
white-space: nowrap;
}
This will prevent the anchor text breaking onto a 2nd line.what does zoom instruction do?Exactly what you would expect zoom to do: <!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/zoom.asp">http://msdn.microsoft.com/workshop/auth ... s/zoom.asp</a><!-- m -->
In this instance zoom:1 does nothing, except setting the property hasLayout (<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp">http://msdn.microsoft.com/workshop/auth ... layout.asp</a><!-- m -->), which gives the IE the ability to calculate the dimensions of the element and therefore solving the problem of those unwanted lines, without affecting any other browser.