Drop down listing breaks with new message in Private Messaging portlet on IE7

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: 2.0.5 EE
• Fix Version/s: 2.1.X CE, 2.1.0 EE GA3
• Component/s: Social Office Dashboard
• Labels: None
• Environment: LIFERAY VERSION: 6.1 GA2 ; SOCIAL OFFICE VERSION: 2.0.5 ; OPERATING SYSTEM: Other Linux Distribution; APPLICATION SERVER: Tomcat 7.0 ; JAVA VIRTUAL MACHINE: N/A; DATABASE: SQL Server 2008 R2
• Epic/Theme:
  • social_office

Steps to replicate the issue:

1) Install and integrate Liferay and Social Office.
2) Use only IE7 browser or in compatibility view.
3) Login with admin privileges.
4) Go to Control panel-> Social Office Configurations -> add admin user to have social access.
5) Add private messaging portlet page.
6) Click on New Message button.
7) Click on drop down besides To field.
8) The drop down breaks the list and list has the gap.

Note: The issue is only re produced in IE 7 browser.