Eu tenho uma pergunta sobre divs e frames. Quando você tem uma lista suspensa dentro de um quadro e pressiona o menu suspenso, o menu suspenso será mostrado fora do quadro. Eu tenho um menu suspenso alternativo (ele quase tem as mesmas propriedades, mas tive que exibir os elementos um ao lado do outro), para que os elementos sejam mostrados em uma div.

Minha pergunta. Existe uma maneira, quando você pressiona o menu suspenso alternativo, que a div seja mostrada na parte superior do quadro? Para ser mais claro, fiz um desenho. 1 e 2 são os exemplos que tive.

1 foi quando adicionei o quadro com a altura e a largura da div amarela. Em 2: usei uma altura maior, mas é mostrada atrás do próximo quadro. Também tentei colocar o quadro 2 em cima do quadro 1, mas não pude selecionar um elemento no meu menu suspenso alternativ

A única solução com essas listas suspensas foi quando eu trabalhei com quadros, não há opção para dizer: trabalhar com div

Espero que alguém tenha uma ideia de como resolver esse problema?

Este é o código que uso agora:

    <div id="site_content">
    <div class="site_Wrapper">
        <div id="test">
            <div id="content">
                <?php if (substr(fruit,0,4) == "apple"){    ?>
                    <iframe name="resultaat" src="/fruits/apple.php?<?php print FRUIT; ?>" id="resultaat" width="660" height="250" frameborder="0" scrolling="auto" marginwidth="0"></iframe>
                <? } else { ?>
                    <iframe name="resultaat" id="resultaat" src="/fruits/empty.php" width="660" height="250" frameborder="0" scrolling="no" marginwidth="0"></iframe>
                <? } ?>
            </div>
            <div id="BB_Wrapper">
                <iframe name="vulin" id="vulin" src="/fruits/healty.php" width="280" height="370" frameborder="0" scrolling="no" marginwidth="0"></iframe>
            </div>
        </div>
        <div class="clearFloat">&nbsp;</div>

    </div>
</div>

Muito obrigado antecipadamente!