I want the following view of the main menu of my wearable application:

The blue buttons are the main menu which I designed by setting the dive class=”ui-selector”. Now I want another div (or button) which will be placed on each page of the application on exactly the same place. I either need to:

• Set the margin between the red and the blue icon by playing around with the “ui-items” of selector ?
   
• Put a separate dive inside the selector class div ?

When I tried inserting the separate div, I faced issues of z–index.

When I tried using left and top properties on a “ui-item”, I faced another UI issue.