QuickTip missing top red border under IE

[pmachner]

Ext version tested:

• Ext 2.2.1

Adapter used:

• ext

css used:

• only default ext-all.css (actually the example I used had other css as well but I disabled it all)

Browser versions tested against:

• IE7
• IE8
• IE9

Operating System:

• Windows 7 64-bit

Description:

• The form validation error quicktip (the red box with error message displayed when hovering over the red exclamation icon when there are form validation errors) is missing its top border under Internet Explorer.

Test Case:

The issue can be seen on the Ext 2.2.1 advanced status bar example.
examples/statusbar/statusbar-advanced.html

Screenshot or Video:

• attached

Debugging already done:

• The quicktip is rendered as the set of divs shown below. The more indented divs are subdivs of the less indented. I'm not showing all the subdivs here for clarity.

• <div class="x-tip x-form-invalid-tip" id="ext-comp-1001" style="left: 365px; top: 390px; width: 300px; position: absolute; z-index: 20000;">
  • <div class="x-tip-tl">
  • <div class="x-tip-bwrap" id="ext-gen11">
    • <div class="x-tip-ml">
    • <div class="x-tip-bl x-panel-nofooter">

• For some reason the div responsible for the top border (the one with class="x-tip-tl") apparently does not get rendered.

[kman]

hey, were you able to resolve this issue?