project_key: JBEPP

The sample skin shipped by EPP 5.1 doesn't work properly on IE7/8. 

After applying the SimpleSkin, and logging in as root, click the "Site" tab on the left top of portal home page. If you click "Edit Navigation" , there's no pop up window showing up as it does on Firefox. You can see the page is skewed up.  If you click "Add New Portal" button, a box is popped up but is skewed up too.

This can be fixed by the following steps:

1) add @import url(/eXoResources/skin/DefaultSkin/webui/component/Stylesheet.css); to gatein-sample-skin.war/skin/Stylesheet.css. So, it's contents will be:
   @import url(SimpleSkin/UIPortalApplicationSkin.css);
   @import url(/eXoResources/skin/DefaultSkin/webui/component/Stylesheet.css);
   @import url(PortletThemes/Stylesheet.css);
   @import url(Portlet/Stylesheet.css);

2) remove @import url(/eXoResources/skin/DefaultSkin/webui/component/Stylesheet.css); from gatein-sample-skin.war/skin/SimpleSkin/UIPortalApplicationSkin.css. So, it's contents will be something like:
   @import url(/eXoResources/skin/DefaultSkin/portal/webui/component/control/Stylesheet.css);

   @import url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/Stylesheet.css);

   @import url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/Stylesheet.css);

   @import url(/eXoResources/skin/DefaultSkin/portal/webui/component/widget/Stylesheet.css);

   @import url(UIBreadcumb/Stylesheet.css);

   @import url(UIToolbarContainer/Stylesheet.css);

   @import url(UITabPaneDashboard/Stylesheet.css);
   ...