Podgląd live : http://baczyna-tkaczy.tk/ .

Problem:

Nie mozna dalej przesunac w prawo zielonego bloku [div id="cena"] , tak jakby te male ikonki na dole blokowaly go, a przeciez ustawilem padding i margin listy na 0. W czym tutaj problem ?

Gdzie w stylach css masz zdefiniowane pole dla tego diva?

Po za ty.. on jest przy samej krawędzi twojej strony, jego margines to margines rodzica, div#obszar960.

O to Tobie chodzi?

Jak to gdzie, tutaj :

[HTML] pobierz, plaintext 
div#cena
{
    float: right;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: white;
    background-image:url(images/cena.jpg);
}
[HTML] pobierz, plaintext 

dokladnie powinien byc przy prawej krawedzi strony, jednakze cos goblokuje i jest posrodku.

http://baczyna-tkaczy.tk/style.css

pokaż mi do div#cena tutaj, bo moja wyszukiwarka i oko nie widzą.

Już Tobie napisałem co go blokuje. Ustawienia rodzica.

Wydaje mi sie, ze nie odswiezyles strony i masz jeszcze poprzednia wersje. Ustawienia rodzica raczej go nie blokuja. Prosze tutaj div#cena

Masz problem z img.ic* one maja tam margines tak wiec formalnie to sa elementy na rowni z cena. Ustawianie elementów blokowych w listach jest raczej słabym pomysłem. Musiałbys pokombinować z ul.ikonki / li aby zrobić z tego bloki. Przepraszam że tak bezpośrednio, ale stylizowanie strony takimi sposobami:



to beznadzieja.

To co w takim wypadku zrobic ? Zmienic ta liste na divy?

Myślę że warto. nie potrzebujesz listy do wystlizowania tych przycisków. Możesz zrobić to na divie na którym ustalisz szerokość. Na linkach zrobisz floata i obejdzie się bez masakrycznych marginów. Jeżeli chcesz mieć wyrównianie względem dołu obrazka to margin-top ustawiasz na diva trzymającego przyciski. To ci powinno wykorzystać miejsce po prawej od obrazka na jakiś tekst czy co tam sobie zaplanowałeś.

PS: ja bym to zrobił w taki sposób: