I misteri della formattazione

[dryw]

Salve a tutti,

Ancora una volta sono alle prese con il mio sito web Azienda Agricola Biologica Il Contadino Bio

Apritelo via browser (dovrebbe andare) e via smartphone...esatto, il caos!
Il risultato è pressochè identico su mobile browser quali Chrome, Mozilla, Opera e Dolphin.

-I'header flash è intabellato e allineato al centro.

-Stessa storia per il rettangolo azzurro sfumato ai lati che ho messo in background.

body {
  background: url(../images/sfondo.png)  no-repeat top center;
}

- Ho qualche dubbio riguardo al menù, anche se, visto come si comporta
assieme agli elementi già centrati e funzionanti sui browser
tradizionali potrebbe non richiedere nessun intervento.

@charset "utf-8";
/* CSS Document */

#sse2
{
    /*You can decorate the menu's container, such as adding background images through this block*/
   background:#fff url(../images/verde.gif) no-repeat center; 
    height: 20px;
    padding: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#sses2
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses2 ul 
{
    position: absolute;
    list-style-type: none;
    float: center;
    padding: 0;
    margin: 0;
    width: 1074px;
    top: 225px;
    height: 43px;
}
#sses2 li
{
    float: left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses2 li.highlight
{
    background:#693500 url(../images/mb2_2.gif) no-repeat center bottom;
    top:3px;
    height:17px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#sses2 li a
{
    width: 2000;
    height:30px;
    padding-top: 3px;
    margin: 0 30px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #f6f165;
    font: strong 12px arial;
    text-align: center;
    text-decoration: none;
    float: center;
    display: block;
    position: relative;
    z-index: 2;
}

Grazie a tutti per l'eventuale aiuto
Saluti

[dryw]

A me manca l'esperienza necessaria per capire quale tag andare a sollecitare, se ci fosse qualcuno che potesse darmi qualche consiglio sul giusto codice da utilizzare..

Sono soltanto tre elementi: una comunissima immagine di sfondo, un elemento flash ed un menù da centrare. Non dovrebbe essere così complicato!

Per rendere l'idea:

(L'ultima è come si vede nei browser tradizionali)