Problem displaying most images - only with webkit browsers. Somehow img style 'height:0'?????

[GoogleCodeExporter]

What steps will reproduce the problem?
1.  Using either Google Chrome or Safari on my Intel/XP machine most images in 
the book chapters do NOT appear.  Exceptions - large first image (600x600) and 
small logo (50x38).  Stuff in the mid range does not display -- NOT EVEN the 
'alt' strings

2. When looking at the local html file the images appear ok in these browsers.  
ePubCheck reports NO ERRORS or WARNINGs

3.  Using Google Chrome Developer tool has me even more baffled.  I can see 
that the images were properly loaded when I inspect the content and the GET 
headers (status 200)

4. No display problems when using IE8 or latest Firefox browser

5. Google Chrome Developer does report 9 html errors from code injected by 
bookWorm (see issue #83)

What is the expected output? What do you see instead?

What version of the product are you using? On what operating system?

Intel/WXP

Please provide any additional information below.

Since the 'computed style' does NOT 'compute', I suspect some .js play, but I 
can't find it..

Here's the 'computed css' for a non-displaying img. How does the height get set 
to '0'????? 

-webkit-border-horizontal-spacing: 2px;
-webkit-border-vertical-spacing: 2px;
-webkit-box-shadow: black 1px 2px 4px 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
border-bottom-color: black;
border-bottom-width: 0px;
border-collapse: separate;
border-left-color: black;
border-left-width: 0px;
border-right-color: black;
border-right-width: 0px;
border-top-color: black;
border-top-width: 0px;
clear: none;
display: inline;
float: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-height: 100%;
max-width: 100%;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
page-break-inside: auto;
text-align: left;
text-decoration: none;
vertical-align: baseline;
width: 1233px;
Styles
element.style {
}
Matched CSS Rules
#bw-book-content div.figure img {
-webkit-box-shadow: black 1px 2px 4px;
height: 400px;
max-height: 100%;
max-width: 100%;
width: 100%;
}

Original issue reported on code.google.com by Peter.Ho...@gmail.com on 18 Oct 2010 at 4:34