Hi,

*Introduction*

I have created a two column floating layout (to name -
#sidebar and #main) using % as measure. There are two more
columns inside #main div, which are inside their own
container:

<div id="main">

        <h1>The product</h1>
        <p>some text</p>

        <div class="column-box">
                <div class="column"> content1 </div>
                <div class="column"> content2 </div>
        </div>

        <p>the final paragraph</p>

</div>

Please see it at:
http://195.13.171.36/work/skurstenis/preview/index_test.php

Links are underbordered and on hover the line color as
well as the color of link text changes.


*The Problem*

IE (and only, no other does it) shifts the columns on
hovering any of the links inside the lists that are in
columns. In fact, the padding or width of the column
holderbox (or both of the columns) seems to be recalculated.

It seems to be this problem:
http://www.positioniseverything.net/explorer/percentages.html

It was also observed that *only* if using borders or
background color for link hover elements, the strange
shifting occurred. If this is a plain link (no border, no
background color on hover) inside a plain list, there is
no problem.

*Question*
Is there a solution? I would not like to add any of
additional divs for the columns.

I have been struggling with this issue for many month and
will be grateful and extremely thankful for your ideas and
thoughts on this issue.

Thank you once again,
Kaspars


*p.s.*
I know that a "fixed" layout in em or px would solve the
problem, but I would like to use %.



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to