Rick Ells wrote:
>    http://staff.washington.edu/rells/test/puzzle/
>
> At normal size, no problem. The tan Introduction bar is tight
> up against
> the top blue bar. Using IE7, if you scale up the size, a separation
> appears between the two bars and the radio button input
> fields begin to
> overlap their text labels. Scaling down to small sizes, the tan bar
> actually decreases height so much that it cuts off the
> Introduction text.

The gap/overlap between the tan bar and the above box is caused by the
latter having position:relative, see [1]. Adding position:relative to body
should fix this.

The other problem (radio buttons/text overlapping) seems one of the cases
that I tried to describe here [2] (I have an example with a checkbox.)
The only fix that I know is to add  word-spacing:0 (or letter-spacing:0) to
a container (in your case the form should be a suitable one.) Test
carefully, since there could be undesired side effects.

Hope this helps,
Bruno


[1] http://www.brunildo.org/test/ie7_relzoom2.html
[2] http://www.brunildo.org/test/ie7_badzoom.html

--
Bruno Fassino http://www.brunildo.org/test

______________________________________________________________________
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/

Reply via email to