prosze o pomoc z css

[augi_12]

Mam problem mianowicie napisalem mala stronke w html i css wszystko super dziala w IE 7.0 lecz gdy otworze opere to cuda sie dzieja z ta stronka :/ rozjezdza sie wszystko i w ogole nic nie widac.

oto fragment kodu css:

Kod:

BODY {
     background-color: #CBD1D3;
    
}

a{text-decoration: none}

a:hover{
        font-size:12pt;
        font-color:#660000;
        font-weight: bold;
        font-family: "arial ce", arial, veranda;
        text-align: center;
}


        cursor: crosshair;

}

div#nawigacja {
        position:absolute;
        left:50px;
        top:380px;
        z-index:1;
}
div#menu {
    position:absolute;
    left:65px;
    top:340;
    z-index:1;
}


div#txt {
        position: relative;
        left: 280px;
        top:10px;
        width:684px;
        border: solid black 2px;
        background-color: #ff9900;
        z-index:2;
}

div#top {
             position: relative;
             top:5px;
             left: 280px;
         border: solid black 2px;
             width: 600px;
             background-color:#cc3300;
             float:center;
         z-index:2;
}

div#stopka {
    position: relative;
    top:14px;
    width: 682px;
    background-color: #cc3300;
    left: 3px;
}

P.stopka {
font-family: "arial CE", arial, veranda;
font-size: 7pt;
border-bottom: 2px double black;
border-right: 2px double black;
border-left: 2px double black;
border-top: 2px double black;
background-color: #cc3300;
}

P.menu1 {
margin: 1px 0 1px 0 1px;
padding: 2px 10px 2px;
font-size:11pt;
font-weight: bold;
text-align: center;
font-family: "arial CE", arial, verdana, sans-serif;
background-color:#ff9900;
border-bottom: 2px solid black;
border-top: 2px solid black;
width:200px;
}

P.menu {
margin: 1px 0 1px 0 1px;
padding: 2px 10px 2px;
font-size:13pt;
font-weight: bold;
text-align: center;
font-family: "arial CE", arial, verdana, sans-serif;
background-color:#ff9900;
border-bottom: 2px solid black;
border-top: 2px solid black;
width: 180px;
}

P.Tekst1 {
margin: 0;
padding: 12px;
font-family: "arial CE", arial, veranda;
font size: 9pt;
font weight: bold;
text-color: black;
background-color: #cc3300;
}

a {
text-decoration:none;
color: black}

a.lewe {
width:110%;
background-color:#cc3300;
display: block; }

a.lewe:hover {
background-color: #ff9900;}

LI.pkt {
list-style-image: url(punktor.gif);
list-style-text: "arial CE", arial, veranda;
text-align: left;
}

P.akapit {
font-size: 8pt;
font-family: "arial CE", verdana,arial;

font-align: right;
}

co jest nie tak dlaczego sie tak dzieje ??? Bardzo bym prosil o odp.
Z gory dzieki.

pozdr.