687697 - taobao.com - Text Overlays Icons

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[webqa.utest]

Attachment: Screen shot of how the text overlays the icons on the site.

Labels for section links and icons overlap the fields and sections below (screenshot attached highlights a couple examples)

Comment 1

[Martijn Wargers (dead)]

Action Performed - 1. Open taobao.com in firefox beta (with User Agent set Default or Android)
2. Page auto redirects to http://m.taobao.com/?sprefer=sypc00
3. Scroll down the page

Actual Results - Labels for section links and icons overlap the fields and sections below (screenshot attached highlights a couple examples)

Comment 2

[webqa.utest]

Environment Information:
Device Manufacturer: Motorola
Device Model: Xoom
Device OS: Android 3.2
Device Carrier: WiFi Only
FireFox 7 beta browser build id: Mozilla/5.0 (Linux; U; Android 2.2; es-es; GT-P1000 Build/FROYO AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)
Exact URL: http://m.taobao.com/?sprefer=sypc00
Webkit: Not found in page source

Comment 3

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Attachment: narrowed down css file (broken)

Comment 4

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Attachment: narrowed down css file (fixed)

Comment 5

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Attachment: narrowed down html file (broken)

Comment 6

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Attachment: narrowed down html file (fixed)

It looks like an issue with the position:relative and when it parses.  webkit doesn't seem to have an issue with the position vertical like gecko does.

Tech evang?