I have a situation where an ASP.net ajax control toolkit combo box is placed within a field set with the style of position: relative. The entire setup is embedded in a simple table (let's not dwell on the use of tables for layout, I acknowledge it's not ideal).
There are two issues regarding the display of the list:
- The list doesn't align perfectly with the text box. In IE 7 (which is the primary browser used by my target audience in an intranet setting), the list appears about 10px below the fieldset, matching the bottom margin. However, in FF 2.0, the list is positioned lower and slightly to the right.
- Beneath the field set, there is additional content in a div also styled with position: relative. The combo box's list ends up displaying behind this div's content, presenting a clear problem.
Removing position: relative from the fieldset solves the combo box display issue but causes unintended side effects.
As a temporary fix, I've restyled the fieldset without the position: absolute style, but I'm seeking a more permanent solution.
Any suggestions would be greatly appreciated. Thank you.