z-index, position relative and absolute make css bug

[matkos7]

I'm working on a web application script and i have a strange behavior, when i create a search form and i click into it, it make a css border arround images i have in the bottom. I checked with Google Chrome inspect elements and i found it's look like a z-index problem with a div in absolute position. i tryed to make all div inside the id named tabbar to be relative but it didn't work.http://www.itabbar.com/itabbar/demo.html#searchOnly test with Chrome or Safari on a desktop browser.to test it, just click into the search form and you will see that all images/icons in the bottom with a new border. if you inspect element with Chrome or firebug and unmark the tabbar z-index the border desapear. but on Iphone or Android, i have to give it a z-index to 100 because the tabbar will be invisible or the last layer.