Searchfield in data-role=header div defective on iPad

Searchfield in data-role=header div defective on iPad

When using a searchfield outside a div, it works correctly. Even when placing a search field inside a div that has no datarole it works correctly. But as soon as one places a search field inside a div of type data-role="header" it breaks. The x at the right side is outside the field then and too far off.

          <div data-role="header" data-theme="f"> 

              

              <input type="search" data-theme="d" name="sfield" id="sfield" />

              

          </div>


Any idea how to fix this?

Thx