I think Firefox, Opera and IE 8 show the correct behavior. An element with display:block that is within an inline element generates a block box within the context that it is in (the inline box). This can be seen when a span with a <p> has display:block and also in your third example with text outside the <a>.
http://roughtech.com/t/list-display-testing.html Looks like you've found a bug in Webkit. ~Chetan On Mon, Dec 13, 2010 at 3:43 PM, Bobby Jack <bobbykj...@yahoo.co.uk> wrote: > Hi all, > > I'm investigating an issue in Firefox relating to block display of an element > within a link. Here's an example: > > http://www.fiveminuteargument.com/list-display-testing.html > > In Safari, a link containing a block element simply wraps that element. > However, in Firefox, extra space is created before the nested block element. > Does anyone know what the correct behaviour should be? > > Regards, > > - Bobby > ______________________________________________________________________ > css-discuss [cs...@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/