I am trying to identify the input field on a Google home page. When I move the Firebug arrow on to the Search input field the display shows with the latter 'input id' is highlighted (as below). How come there are two 'input id' statements? If I step the arrow out from the middle of Search input box the highlighting switches to the top level td statement. I am doing this to identify the name of the input field, which for some reason is specifically tied to the first 'input id' only.
<td id="gs_tti0" class="gsib_a">
<div id="gs_lc0" style="position: relative;">
<input id="lst-ib" class="gsfi" type="text" autocomplete="off" size="41" title="Search" value="" maxlength="2048" name="q" style="border:
medium none; padding: 0px; margin: 0px; height: auto; width: 100%;
background:
url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D")
repeat scroll 0% 0% transparent; position: absolute; z-index: 6; left:
0px; outline: medium none;" dir="ltr" spellcheck="false">
<input id="gs_htif0" class="gsfi" disabled="" autocomplete="off" aria-hidden="true" style="border:
medium none; padding: 0px; margin: 0px; height: auto; width: 100%;
position: absolute; z-index: 1; background-color: transparent; color:
silver; left: 0px; visibility: hidden;" dir="ltr">
</div>
</td>