StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAt some zoom levels, dropdown menu has transparent gaps in IE7
primarykey
Id
7635223
data
AcceptedAnswerId
7635537
AnswerCount
1
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2011-10-03T12:52:16.463
FavoriteCount
0
LastActivityDate
2011-10-03T13:22:27.250
LastEditDate
2011-10-03T13:22:27.250
LastEditorUserId
405015
OwnerUserId
973353
ParentId
0
PostTypeId
1
Score
0
ViewCount
805
LastEditorDisplayName
text
Body
<p>Please consider my stripped down code below that illustrates my issue. </p> <p>If I run it in Firefox 7 or IE8, it works fine. However, when pressing F12 and entering the wonderful world of IE7, I'm experiencing gaps in my orange list at some zoom levels (so please use "ctrl+mouse wheel" when menu is extended to reproduce the bug).</p> <p>The main annoyance there, excluding the aesthetic visual gap, is since my menu is defined as absolute, when the mouse stops on the gap my menu disappears.</p> <p>Any suggestion on what is causing the problem?<br> Also what is the best way to handle it if an IE7 fix is required, in order that my menu remains exactly the same in other browsers?</p> <pre><code><!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>IE 7 Menu Test</title> <style type="text/css"> body { line-height: 1; } ul li { background: #A0A0A0; } ul li ul li { background: #FF9900; display: block; white-space: normal; width: 200px; } ul ul { position: absolute; } div ul ul,div ul li:hover ul ul,div ul ul li:hover ul ul { display: none; } div ul li:hover ul,div ul ul li:hover ul,div ul ul ul li:hover ul { display: block; } </style> </head> <body> <div><ul><li>Menu  <ul> <li>- One</li> <li>- Two</li> <li>- Three</li> <li>- Four</li> </ul> </li></ul></div> </body></html> </code></pre>
Tags
<css><internet-explorer><internet-explorer-7><cross-browser><drop-down-menu>
Title
At some zoom levels, dropdown menu has transparent gaps in IE7
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USthirtydot
UserOwnerUserId
1. USy2k
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COZooming may not scale to pixels as you want it to... there's really no solution at all. Browsers didn't have "full page zoom" back then.
  singulars
  PostPostId
  POAt some zoom levels, dropdown menu has transparent gaps in IE7
  UserUserId
  USChris Morgan
2. CO@Chris me to I’m fatalist when it comes to ie7, but I’m just asking to see what sticks
  singulars
  PostPostId
  POAt some zoom levels, dropdown menu has transparent gaps in IE7
  UserUserId
  USy2k

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.