Mam taki problem . A otóż mam kod :
Kod
<li><h3><a href="#" title="Nasze Forum" class="link"><b class="b"></b><span>Nasze Forum</span><b class="b1"></b></a></h3></li>
Kod
a.link {
padding:0px;
padding-top:12px;
text-align:center;
padding-left:16px;
padding-right:16px;
}
a:hover.link {
display:block;
background:url(images/menuhover.gif) repeat-x;
padding:0px;
height:36px;
margin:0px;
}
a:hover.link .b {
background:url(images/menu1.gif) no-repeat;
height:36px;
width:3px;
display:block;
float:left;
}
a:hover.link .b1 {
background:url(images/menus2.gif) no-repeat;
height:36px;
width:3px;
display:block;
float:left;
}
a:hover.link span {
float:left;
padding-left:13px;
padding-right:13px;
color:#6b6b6b;
padding-top:12px;
}
padding:0px;
padding-top:12px;
text-align:center;
padding-left:16px;
padding-right:16px;
}
a:hover.link {
display:block;
background:url(images/menuhover.gif) repeat-x;
padding:0px;
height:36px;
margin:0px;
}
a:hover.link .b {
background:url(images/menu1.gif) no-repeat;
height:36px;
width:3px;
display:block;
float:left;
}
a:hover.link .b1 {
background:url(images/menus2.gif) no-repeat;
height:36px;
width:3px;
display:block;
float:left;
}
a:hover.link span {
float:left;
padding-left:13px;
padding-right:13px;
color:#6b6b6b;
padding-top:12px;
}
W firefoxie i innych przeglądarkach jest oki, ale w ie po najechaniu rozciąga się obrazek i ogólnie na 100% , trzeba dopiero ustalić szerokość .
Obrazek - Screen