[jQuery] Superfish - Image border and IE6
Hi,
I use Superfish and Supersubs for my menu.
For each first menu (LI), i have a link (real or #) and an image (not
in background) :
<div id="sample5" class="sampleTabContent">
<ul id="sample-menu-5" class="sf-menu">
<li class="current menu_1" style="width:125px;height:22px;">
<a style="width:125px;height:22px;" href="#"><img
src="images/menu/1.gif" alt="title_menu" title="title_menu" />
</a>
<ul>
<li>
...
I don't want the border in the image then i add in the superfish.css :
.sf-menu img {
border: 0px;
}
Initialisazion of supersubs is :
<script type="text/javascript">
$(function() {
$('#sample-menu-5').supersubs({
minWidth: 15,
maxWidth: 27,
extraWidth: 1
}).superfish();
});
</script>
It work fine with Firefox 3 and IE7 but in IE6 : the size of each sub-
menus is 27em.
I add a test in supersubs.js to know what is the problem and i found
that in IE6, the variable emWidth value is "Inifiny" and not a value
in em.
Then in final the size of menu is 27em.
In the css if i don't add border:0px for image, i have the border on
images but the menus have the correct size calculated by supersubs.js
I don't know wath happen the i someone can help me !!!!
Thanks