ul.submenu /* let's not add a selector: "#wrapper" to be able to hack for IE */
{
margin: 0; padding: 0; border: none; list-style: none;
list-style:circle; background:black;
}
ul.submenu li {
margin: 0; padding: 0;
outline:1px solid blue;
}
Blir respektive screenshots i Firefox 1.5.0.4 och Opera 9.0. Förresten. Opera 9 som de släppte idag klarar Acid2. Det är skoj. Firefox drar i det här exemplet li-blocket utanför ul-blocket och sätter därmed inte rätt bakgrundsfärg på det (svart) som sak gälla för hela li-blocket.
Att placera blocken utanför <ul> som FireFox gör är helt rätt.
Klart man kan fråga sig vilken bakgrundsfärg det ska vara i området som blir vitt, men jag tror inte man vill att bakgrundsfärgen ska bli svart i området utanför <ul> i det här fallet.
Så nån bugg tycker jag inte att det är. Möjligtvis en bugg i Opera då, som inte lägger listans punkter utanför...
En list-item inkluderar ju texten, men även punkten. En onordered list är ju hela listan, inklusive allt utrymme som punkter och allting tar upp, enligt mig i alla fall. Så om man har ett stycke: <p> och sätter en lista under så ska inte punkterna vara i marginalen och texten i linje med stycket ovan, utan snarare så ska punkterna vara i den vertikala linjen med stycket ovan.
Så om jag sätter background-color: black; på min list-item så tycker jag att detta inkluderar min bullet-point. Just eftersom - bullet-points är en del av listan och därmed innanför listan. Det tycker jag i alla fall...
