Почему мой div исчезает, когда я использую position: родственник в IE6?

Question

У меня нет полей, наложенных на этот конкретный div, нет поплавков и, что более неприятно, он работает на другой странице. Ниже приведен код правила css:

#prizedraw-fliemore{
    position: relative;
    top: 164px;
    left: -720px;
    z-index: 3000;
}

Div появляется, когда я использую position: absolute, но это бесполезно для меня. Я пробовал показ, видимость и ничего, что я пробую, работает. Может кто-нибудь помочь мне, пожалуйста? Спасибо

Код страницы:

<div id="column-left-content"> 
    <p class="height"><strong>Learn more about CAREFREE&reg; pantyliners and discover how they can help you feeling clean, fresh and protected all day long.</strong></p> 
</div> 

<div id="column-right-content"> 
    <p><strong>Free to be me</strong> has been put together for you by the thoughtful makers of CAREFREE&reg;, who design feminine hygiene products to give you all the protection you need.<br /><br /> 

Now that you've reached puberty, there are things you need to know that you might not know already. CAREFREE&reg; has the answers to some of the questions you might just be asking...
</p> 
</div> 

        <div id="car-boxes"> 

            <div class="car-nav"> 
                <div class="container"> 
                    <a class='example5' href="lb/why.html" style="border:none;" rel="group"><img src="images/carefree/pantyliners.png" class="bw" style="border:none;" /></a> 
                    <img src="images/carefree/pantyliners-y.png" class="colour" alt="" /> 
                </div> 
            </div> 

            <div class="car-nav"> 
                <div class="container"> 
                    <a class='example5' href="lb/discharge.html" style="border:none;" rel="group"><img src="images/carefree/discharge.png" class="bw" style="border:none;" /></a> 
                    <img src="images/carefree/discharge-y.png" class="colour" alt="" /> 
                </div> 
            </div> 
            <br /> 
            <div class="car-nav"> 
                <div class="container"> 
                    <a class='example5' href="lb/difference.html" style="border:none;" rel="group"><img src="images/carefree/difference.png" class="bw" style="border:none;" /></a> 
                    <img src="images/carefree/difference-y.png" class="colour" alt="" /> 
                </div> 
            </div> 

            <div class="car-nav"> 
                <div class="container"> 
                    <a class='example1' href="lb/right.html" style="border:none;" rel="group"><img src="images/carefree/right.png" class="bw" style="border:none;" /></a> 
                    <img src="images/carefree/right-y.png" class="colour" alt="" /> 
                </div> 
            </div> 
        </div> 

<div id="prizedraw-car"> 
    <a href="enter.php"><img src="images/prizedraw.png" alt="Read More" /></a> 
</div> 

    </div> 
    <script type="text/javascript"> 
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script> 
        <script type="text/javascript"> 
        try {
        var pageTracker = _gat._getTracker("UA-2268991-20");
        pageTracker._trackPageview();
        } catch(err) {}
    </script> 
</body> 
</html>

Answer 1

Я предполагаю, что IE6 позиционирует его за пределами экрана, другими словами, точка, к которой вы относитесь, не та, которую использует IE6.

Можете ли вы сделать так, чтобы он появлялся, временно установив top / left на 0px и увидев, где он появляется?

РЕДАКТИРОВАТЬ - Просто посмотрел код на одном из моих сайтов, который делает что-то похожее.

Я думаю, вам нужно установить положение: относительное в родительском div, а затем использовать положение: абсолютное и верхнее / левое в дочернем div.

Answer 2

Попробуйте установить position: relative в родительском div элемента, который вы хотите позиционировать. Звучит странно, потому что обычно абсолютному элементу нужен относительный родитель.

Но я обнаружил, что для более старых версий IE, если у вас есть «исчезающий относительный div», то его «родительский родственник» также может решить некоторые проблемы.

Answer 3

попробуйте удалить {left: -720px;} и использовать условную таблицу стилей для IE. также попробуйте указать положение относительно родителя # prizedraw-fliemore