Display errors inside FlexTable - how to get rid off them?

Recently there was a display error difficult to track down in my app: FlexTable cells were 4px higher than expected (regarding the content box). When I eventually set line-height: 0 the padding/margin/you name it evaporated.

So I guess there's a text node consisting of white space or a line break in these cells and I don't have a clue why. Or the image itself is causing this (creating a new line in terms of HTML).

I do it straighforwardly:

FlexTable ft = new FlexTable();
Image i = new Image(url);
ft.setWidget(row,col,i);

resulting in the cell being rendered 4px higher than the image itself - no paddings, borders, margins applied as checked with Chrome's built-in DevTools.

I'm very curious to know why this happens because it does not happen on another page doing the exact similar thing ... Is this by design (of HTML/Chrome/CSS/...)? Should I give XHTML a try instead? Is there a way to control all nodes with GWT?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/uzIyH-z2O2IJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.