2008/9/17 Cristian Palmas <[EMAIL PROTECTED]>
> Hi All,
>
> I'm creating a XHTML/CSS template on a proprietary .NET CMS.
> I'm now facing bugs in IE7 and IE6, so you can see different problems in
> those browsers, in this moment.
>
> I'm now trying to correct the horizontal tab menu in the page at the link
> http://portali.ltt.it/aicod/PortaleMuseoBarezzi/antonio_barezzi/articolo.aspx
> .
> The customer wants to custom the li.sel elements in order to highlight the
> link reguarding the page in which you are. In all the browser (except IE7
> and IE6) you can see that "Antonio Barezzi" link is highlighted with a
> purple rounded corner rectangle. The bg is created by 3 photos to make the
> link correctly stretch.
>
> I've tested locally the snippet of code and it worked on FF3, Safari 3.1,
> Google Chrome, Opera 9.51, IE7, IE6.
> But the online version in IE7 and IE6 doesn't show the "p" and the "a"
> elements' background.
>
I solved the problem adding extra properties like those:
#menuheader .categorie li.sel p a {
background: transparent
url(../img/pagineinterne/hover_alto_centrale.png) repeat-x top left;
overflow: hidden; /* <-- Added to make IE7 correctly show all the
backgrounds of the p, a and .sel elements*/
* html #menuheader .categorie li.sel p a {display: inline-block;} /* <--
Added to make IE6 show the backgrounds */
--
~ Cristian Palmas ~
http://www.cristianpalmas.it
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
