layout of <li> group is not adjusted in heigh when title string is too large

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Create a <li class='group'> with a large content (30 chars for example) 

What is the expected output? What do you see instead?
Text is displayed correctly but the background image (grey one) is not
adjusted in height to the different number of lines used by the text.

What version of the product are you using? On what operating system?
v0.3 on iphone 3.0.1

Please provide any additional information below.

Original issue reported on code.google.com by xrodrigu...@gmail.com on 25 Aug 2009 at 7:59

[GoogleCodeExporter]

99% this is css related - its just a fast fix and i havent tried it but its the 
most
i can do right now:

body > ul > li.group {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(listGroup.png) scroll 0 0;
opacity:0.7;
}

I removed the repeat-x so it should be repeated in both directions.

Original comment by melcher....@gmail.com on 26 Aug 2009 at 7:16

• Added labels: ****
• Removed labels: ****

[GoogleCodeExporter]

Thanks Melcher,
This seems to solve the problem but the default image does not look very well 
when
it's repeated. Maybe the default image should be more 'adapted' to be repeated
vertically.

Original comment by xrodrigu...@gmail.com on 31 Aug 2009 at 7:43

• Added labels: ****
• Removed labels: ****

[GoogleCodeExporter]

Thanks Melcher,

Removing the repeat-x is a a very simple fix for this. I also modified the 
listGroup.png image to make it a solid 
color instead of a gradient which makes it look better when repeated 
vertically, while admittedly losing a bit of 
polished look. It's attached if anyone finds it useful.

Original comment by rogersp...@yahoo.com on 18 Oct 2009 at 10:41

• Added labels: ****
• Removed labels: ****

Attachments:

• listGroup.png