Remove horizontal gaps in puzzle demo

[pmolsen]

Anyone know how to remove the blank horizontal gaps between the rows
in the puzzle example here please:
http://madrobby.github.com/scriptaculous/puzzle-demo/

[Walter Lee Davis]

Whenever you place an image (or text) inside a div without wrapping it in a P tag, the browser will add an implicit P tag around the image, and treat it to the default line-height and padding for a P on your page. I am pretty sure that's what's going on here, and you should be able to get rid of it by adding a style like this to the page:

#puzzle {
font-size: 0.1px;
line-height: 1;
}

Walter

> --
> You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group.
> To post to this group, send email to prototype-s...@googlegroups.com.
> To unsubscribe from this group, send email to prototype-scripta...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
>

[Victor]

#puzzle {
  line-height: 0; 
}

should be enough