Inspired by problems at www.dipol.com.pl which uses vertical-align="top" in its vertical menu. Hovering menu items is erratic because image is displaced relative to the area that is hoverable.
Problem can be seen when there is:
- no doctype (triggers BackComp mode)
- any HTML Transitional doctype (triggers CSS1compat mode)
-
Can't be seen with:
<!DOCTYPE html> doctype (triggers CSS1Compat)- any HTML Strict doctype (triggers CSS1Compat)
-
This testcase uses
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> doctype.
