I have a design where the fonts are set thusly:

body {
        font:medium Tahoma, Arial, Helvetica, sans-serif;
        color:#3e87b7;
}
a, a:link, a:visited {
        color:#c00;
        text-decoration:none;
}
        a:active {
                color:#fcc;
        }
        a:hover {
                text-decoration:underline;
        }
.menu1 a:link, .menu1 a:visited {
 background:url(/SHF/resources/skins/koolBleu/images/buttonBackBlue.gif) 
repeat-x left top;
        border-bottom:#6e7071 solid 1px;
        border-right:#6e7071 solid 1px;
        color:#fff;
        display:block;
        height:30px;
        line-height:30px;
        padding-left:.5em;
        text-decoration:none;
        width:9em;
}
.menu1 a:hover, .menu1 a:active, .menu1 a:focus {
 background:url(/SHF/resources/skins/koolBleu/images/buttonBackBlue.gif) 
repeat-x left top;
        border-bottom:#6e7071 solid 1px;
        border-right:#6e7071 solid 1px;
        color:#fff;
        display:block;
        font-weight:bold;
        height:30px;
        line-height:30px;
        padding-left:.5em;
        text-decoration: none;
        width:9em;
}
.menu2 a, .menu3 a {
        border-bottom:#6e7071 solid 1px;
        border-right:#6e7071 solid 1px;
        display:block;
        font-size:90%;
        text-decoration:none;
        width:9em;
}
        .menu2 a:link, .menu2 a:visited, .menu3 a:link, .menu3 a:visited {
                border:#fff solid 1px;
                border-bottom:#6e7071 solid 1px;
                border-right:#6e7071 solid 1px;
                background-color:#ededed;
                color:#3e87b7;
                padding-left:.5em;
                text-decoration: none;
        }
        .menu2 a:hover, .menu3 a:hover, .selected a, .selected a {
                background-color:#fff;
                border:#fff solid 1px;
                color:#3e87b7;
                padding-left:.5em;
                text-decoration: none;
        }
        table.myLoan td {
                border:1px #11173b solid;
                color:#000;
                font:normal xx-small Helvetica, Verdana, Arial, 
sans-serif;
                padding:0 5px;
        }
                table.myLoan td a {
                        font:inherit;
                        text-decoration:none;
                }
                        table.myLoan td a:hover {
                                text-decoration:underline;
                        }
        table.myLoan th, table.myLoan th a {
                background-color:#fff;
                color:#000;
                font:normal xx-small Helvetica, Verdana, Arial, 
sans-serif;
                text-decoration:none;
        }

If the user resizes the text in Internet Explorer and the window is a pop 
up and the user then mouses over or otherwise focuses a link, the link 
resizes to the original setting I have in the CSS -- *BUT* only after I've 
first moused over the menu2 CSS (see above). If the user selects the link, 
all the text on the page resizes (regardless of whether or not anyone's 
moused over menu2). If I hit Cntl-N and launch a new window, this doesn't 
happen. The user font-size change will carry over to the next page. 

I don't see anything in my CSS that would cause this. Am I missing 
something or is this some stupid IE6 bug?


-- 
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to