Version Chrome 15.0.874.120
El error es cuando chrome hace render de una web que estoy diseñando, donde dos elementos se separan por medio de un <br> o agregando valores a las propiedades de margin y padding de algunos de los elementos, dicho elemento que se muestra mal vuelve a su estado correcto si se abre el Inspector de Chrome, es como si el css al cargar por primera vez la pagina interpretara mal esa parte del codigo pero al abrir el Inspector reinterpretara y arreglara el defecto. Ocurre solo en elementos especificos pero no logro determinar el patron, es decir, al lado del elemento que se muestra mal, hay una regin casi identica donde no pasa.
En StackOverflow encontre algo parecido, probe la solucion de ellos pero no funciono.
http://stackoverflow.com/questions/6966081/weird-problem-with-chrome-inspect-element <ul class="select-index">
<li style="z-index: 48; ">
<div>
<label style="width: 100%;">Schedule Type</label><br>
<select class="large-select" id="schedule_time_scheme" name="schedule[time_scheme]" style="display: none; "><option value="Custom" selected="selected">Custom</option>
<option value="Alternate_Weekends">Alternate weekends</option>
<option value="Alternate_Weeks">Alternate weeks</option>
<option value="Split_Week">Split week</option>
<option value="3-3-4-4">3-3-4-4</option>
<option value="2-2-3">2-2-3</option>
<option value="2-2-5-5">2-2-5-5</option>
<option value="5+9">5+9</option>
<option value="2_Week_Cycle">2 week cycle</option></select><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-popup large-select" id="schedule_time_scheme-button" role="button" href="#" tabindex="0" aria-haspopup="true" aria-owns="schedule_time_scheme-menu" style="width: 180px; "><span class="ui-selectmenu-status">Custom</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-2-n-s"></span></a>
</div>
</li>
<li style="z-index: 47; ">
<div id="repeat_schedule_div" style="margin-top: 20px;"> <!-- estos 20px se interpretan como 40px y si se abre el inspector vuelve a su correcto estado de 20px -->
<label>Repeat</label><br>
<select class="large-select" name="from" id="repeat_select" style="display: none; ">
<option value="1">Every one Week</option>
<option value="2">Every two Weeks</option>
<option value="3">Every three Weeks</option>
<option value="4">Every four Weeks</option>
</select><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-popup large-select" id="repeat_select-button" role="button" href="#" tabindex="0" aria-haspopup="true" aria-owns="repeat_select-menu" style="width: 180px; "><span class="ui-selectmenu-status">Every one Week</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-2-n-s"></span></a>
</div>
</li>
</ul>
