Anonymní profil CSS – Programujte.com

Dobrý večer, mám jeden problém s CSS so zobrazovaním v prehliadači Opera.
Nerobím to len mne, ale aj ostatným používateľom Opery, na FF a Chrome to ide bezchybne.
Ide o zobrazovanie obrázkov na stránke.

Jedná sa o kód:

img.zaklad {left: 10%; position: relative; border: none; }

img.statistika { left: 15%; position: relative;border: none; }

img.druziny { left: 20%; position: relative;border: none; }

img.hlasenia { left: 25%; position: relative;border: none; }

img.spravy { left: 30%; position: relative;border: none; }

img.odhlasit { left: 35%; position: relative;border: none; }

Výsledok Opera (nesprávny)


Ako vidíte, prvok 6 je v Opere umiestnený nesprávne.
Naozaj neviem, čo to spôsobuje, class pri odkazoch mám korektný, ostatné prehliadače to zobrazujú tak, ako majú.
Neviete mi poradiť, ako by som mohol tento problém vyriešiť, bol by som rád, ak by to na všetkých prehliadačoch zobrazovalo správne.


Ďalej mám otázku, tiež ohľadom Opery a jej nesprávneho zobrazenia, ide o prvky INPUT, ktoré sú spravené tiež v CSS, tu kód:

input.input {

height:20px;

 outline:none;

    transition: all 0.25s ease-in-out;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border:1px solid rgba(0,0,0, 0.2);



}