Szablon aukcji w allegro - kilka pytań dotyczących divów

Cześć, prawie nigdy nie robię frontendu, bo nie lubię i nie umiem. Ale teraz muszę zrobić szablon do aukcji allegro. I mam pewien problem. Zapewne coś robię nie tak, ale nie wiem co. Zobaczcie stronę: www.nerdolando.pl/allegro

I teraz tak. Jest tam takie niebieskawe tło, na tym tle jest główny div (biały wyśrodkowany - main_container).

Pytanie nr 1. Dlaczego nie jest od samej góry i do samego dołu, tylko ma jakiś margines?
Pytanie nr 2. Div z treścią (info_content). Lista ul jest tak dość mocno wysunięta w prawą stronę. Jak zrobić, żeby lista i treść po liście zaczynały się z takim samym marginesem? Chodzi o to, żeby treść pod listą miała taki sam margines, jak znak punktu listy. I żeby ten margines był stosunkowo mały.
Pytanie nr 3. Div z treścią (cały czas info_content), gdy się na niego najeżdża, zmienia kolor. Dlaczego kolor wychodzi poza sidebar?

    display: block;
    margin: 8px;
}```

masz na body margin

2) ul ma sam w sobie takie marginesy. Albo je nadpisz, albo napisz swojego diva

3) bo masz padding

fasadin napisał(a):

    display: block;
    margin: 8px;
}```

masz na body margin

Nie, nie wiem jak to zobaczyłeś, bo w kodzie tego nie ma. W każdym razie zrobiłem display: block i margin na 0.

2. ul ma sam w sobie takie marginesy. Albo je nadpisz, albo napisz swojego diva

A jak to zrobić?
Gdy robię:

.info_content ul /* próbowałem też .info_content ul li */
{
	margin-left: 0px;
}

To nie ma żadnej różnicy.
Różnica pojawia się, gdy dam padding-left na 0. Ale wtedy kulki wychodzą poza diva. A ja chcę, żeby właśnie kulki były na wysokości tekstu, który jest pod listą.

3. bo masz padding

OK, wywaliłem padding i zastąpiłem go marginesem. Ale teraz całość jest jakby przesunięta. Więc jak zachować padding i, żeby to tło nie wyjeżdżało?

1. to ze nie ma tego w kodzie nie znaczy ze tego nie ma
   http://imgur.com/a/h1gVn

2. https://www.google.nl/search?q=override+ul+li+css&oq=override+ul+&aqs=chrome.1.69i57j0l5.3616j0j7&sourceid=chrome&ie=UTF-8#q=override+ul+css

3. http://stackoverflow.com/questions/2189452/when-to-use-margin-vs-padding-in-css

ponadto allegro cały czas zmienia obsługiwane tagi, ja pamiętam rozpisałem sobie kiedyś szablon, zadowolony wkleiłem, a tu kupa, rozlazło się i dałem sobie spokój z taką wątpliwą zabawą

Nadal nie rozumiem, dlaczego tak jest. Chcę mieć odstęp pomiędzy divem, a treścią w środku. Czyli używam padding. Ale po najechaniu (dlaczego dopiero po najechaniu?) ten mój div staje się szerszy niż powinien. W ogóle chyba jest szerszy przez ten padding. Już sobie przypominam, dlaczego nienawidzę front-endu. No, ale kurde, jak to zrobić?

nie staje sie szerszy. On jest szerszy od samego poczatku.

wywal padding i pozycjonuj za pomoca top i left

Wystarczyło dać:

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

i padding nie zwiększa szerokości.