jQuery Forum

I try to make it look the same in all browsers. In Chrome it looks different than in Safari. If I am improving either one of them the other ones get worse.
In chome I have http://picpaste.com/Screen_Shot_2013-09-14_at_7.01.02_PM-0Zh6WJyA.png in Safari this http://picpaste.com/Screen_Shot_2013-09-14_at_7.00.45_PM-7XnjPfLC.png
The +objectID got rendered okay because the original code is building up a html string and injecting it in the DOM.
I hope one of you can help me on this. It tooks me hours to create this.

The code is like this:

       <div data-role="header" data-id="foo1" data-position="fixed" data-theme="c">
         <div class="my-header-grid ui-grid-b" data-theme="b">
           <div class="ui-block-a ui-bar-b" data-theme="b">
             <div style=
             "height: 33px; padding-left: 5px; padding-top: 3px; text-align: left">
               <a class="ui-btn-right" data-icon="home" data-mini="true" data-role=
               "button" id="loginbutton" data-theme="b" href="login.htm" rel="external" title='Login'>Login</a>
             </div>
           </div>
   
           <div class="ui-block-b ui-bar-b">
             <div style="text-align:center;">
               <div id='title' style="padding-top:0px;"></div>
             </div>
           </div>
    
         <div class="ui-block-c ui-bar-b">
           <div align="right" style="padding-top:3px;height:33px;">
             <a href="#" id='reserve' class="ui-btn-left" data-role="button" data-mini="true" data-icon="check" >Reserveer</a>
             <a href="#" id='search' title='Terug naar de lijst'class="ui-btn-right" rel="external" data-mini="true" data-role="button" data-icon="grid" data-theme="b">Lijst</a>
           </div>
         </div>
         </div>
        
         <div id='barcontainer' data-role="navbar">
           <div id='bar' data-role="navbar" >
             <ul>
               <li>
                 <a href='vw-main.htm?objectID=" + objectID + "' rel="external" id='vw-main'>Algemeen en foto's</a>
               </li>
              
               <li>
                 <a href='vw-location.htm?objectID=" + objectID + "' rel="external" id='vw-location' title='Alles wat te maken heeft met omgeving en afstanden'>Locatie</a>
               </li>
      
               <li>
                 <a href='vw-book.htm?objectID=" + objectID + "' rel="external" id="vw-book">Reserveren, inventaris, opties en reviews</a>
               </li>
      
               <li>
                 <a href='vw-pool.htm?objectID=objectID"' rel="external" id='vw-pool'>Zwembad</a>
               </li>
               <li>
                 <a href='vw-bookperson.htm?objectID=" + objectID + "' rel="external" id='vw-bookperson'>Boeking personen</a>
               </li>
             </ul>
           </div> 
         </div>
       </div> <!-- header-->



John