Закругленные углы беспорядок на сворачиваемом div в IE7

Question

У меня есть div, который отображается: нет при загрузке страницы. У меня также есть кнопка, которая переключает отображение div (никто не блокирует). В первый раз после pageload, который я нажимаю на кнопку, и показываю div, у нее есть назначенные закругленные углы (рис. 1 и 2). Затем я снова нажимаю, чтобы скрыть div и щелкнуть, чтобы показать его. После этого закругленные углы беспорядочны (рис. 2 и 3), div расширяет некоторые дополнительные пиксели (по высоте), а закругленные углы больше не закруглены и со странными линиями «scanline».

Код:

<div id="filter-advanced"> 
<label for="filter-veld-value"> 
    <div class="filter-block and-block2">EN <span> 
     <select name="filter-veld" id="filter-veld-name"> 
     <option value="">Kies een zoekveld...</option> 
     <option value="domeinnaam_registrant">Domeinnaam registrant</option> 
     <option value="domeinnaam_houder">Domeinnaam houder</option> 
     <option value="provider_opmerkingen">Provider opmerkingen</option> 
     <option value="ftp_opmerkingen">FTP opmerkingen</option> 
     <option value="mysql_opmerkingen">MySQL opmerkingen</option> 
     <option value="accc_cms_opmerkingen">CMS opmerkingen</option> 
     <option value="stats_opmerkingen">Statistieken opmerkingen</option> 
     <option value="opmerkingen">Overige opmerkingen</option> 
    </select>      
     bevat tekst</span> 
    </div> 
    <div class="filter-block"> 
     <input type="text" id="filter-veld-value" name="filter-veld-value" class="text" value="" /> 
    </div> 
    <br class="clearboth" /> 
</label> 
<label for="filter-regdatum-from-value"> 
    <div class="filter-block and-block3">EN <span>registratiedatum tussen</span></div> 
    <div class="filter-block" id="regdatum"> 
     <input type="text" id="filter-regdatum-from-value" name="filter-regdatum-from-value" class="text-date" value="X1" />&nbsp;en&nbsp;&nbsp;<input type="text" id="filter-regdatum-to-value" name="filter-regdatum-to-value" class="text-date" value="X2" /> 
    </div> 
    <br class="clearboth" /> 
</label> 
<label for="filter-vvdatum-from-value"> 
    <div class="filter-block and-block3">EN <span>vervaldatum tussen</span></div> 
    <div class="filter-block" id="vvdatum"> 
     <input type="text" id="filter-vvdatum-from-value" name="filter-vvdatum-from-value" class="text-date" value="X3" />&nbsp;en&nbsp;&nbsp;<input type="text" id="filter-vvdatum-to-value" name="filter-vvdatum-to-value" class="text-date" value="X4" /> 
    </div> 
    <br class="clearboth" /> 
</label>       

И JQuery

$("p#advanced-tab A").click(function(){ 
    if ($(this).hasClass('inactive')) 
    { 
     $(this).removeClass("inactive"); 
     $(this).addClass("active"); 
     $(this).text("Minder opties [-]"); 
     $("#filter-advanced").css("display", "block"); 
     $(this).corner("10px tr tl"); 
    } 
    else 
    { 
     $(this).removeClass("active"); 
     $(this).addClass("inactive"); 
     $(this).text("Meer opties [+]");    
     $("#filter-advanced").css("display", "none"); 
    } 
}); 
$("#filter-advanced").corner("10px tr bl br"); 

alt text http://www.admixconnect.nl/images/TMPcorners/beeld1.jpg

alt text http://www.admixconnect.nl/images/TMPcorners/beeld2.jpg

alt text http://www.admixconnect.nl/images/TMPcorners/beeld3.jpg

alt text http://www.admixconnect.nl/images/TMPcorners/beeld4.jpg

Answer 1

Вы сдвинув DIV с закругленными углами? Попробуйте скопировать внутренний div вместо этого?