When an option from a select tag is clicked, another div receives the hover state. This issue seems to be specific to Google Chrome on Windows 8, 7, and XP. However, it works fine on Chrome for Mac, Firefox, Safari, and IE in Windows, including IE8!
<div class="wrapper">
<div class="menu">
<ul>
<li><a class="hide" href="">Menu 1</a>
</li>
<li><a class="hide">Menu 2</a>
<ul>
<li><a class="hide">Sub menu 1</a>
<ul>
<li><a href="">Sub item 1</a></li>
<li><a href="">Sub item 3</a></li>
<li><a href="">Sub item 3</a></li>
</ul>
</li>
<li><a class="hide">Sub menu 2</a>
<ul>
<li><a href="">Sub item 1</a></li>
<li><a href="">Sub item 2</a></li>
<li><a href="">Sub item 3</a></li>
<li><a href="">Sub item 4</a></li>
<li><a href="">Sub item 5</a></li>
</ul>
</li>
<li><a class="hide">Sub menu 3</a>
<ul>
<li><a href="">Sub item 1</a></li>
<li><a href="">Sub item 2</a></li>
</ul>
</li>
<li><a href="">Sub menu 4</a></li>
<li><a href="">Sub menu 5</a></li>
<li><a href="">Sub menu 6</a></li>
</ul>
</li>
</ul>
</div>
<table width="100%">
<tbody>
<tr>
<td>
<select class="ComboLetra11" style="width:80px;">
<option selected="selected" value="__">Select 01</option>
<option value="01">ASD 01</option>
<option value="02">ASD 02</option>
<option value="03">ASD 03</option>
<option value="04">ASD 04</option>
<option value="05">ASD 05</option>
</select>
</td>
<td>
<select class="ComboLetra11" style="width:120px;">
<option selected="selected" value="__">Select 02</option>
<option value="M3">Option 1</option>
<option value="AR">Option 2</option>
<option value="AA">Option 3</option>
<option value="AU">Option 4</option>
<option value="AV">Option 5</option>
<option value="G3">Option 6</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
An example has been provided where clicking the 2nd and 3rd options from "select 02" triggers the :hover state for "Menu 2".