Difference in render for navigation pane in Firefox to IE

Question

I have a navigationPane in a page with the following characteristics.
<af:navigationPane id="np1" hint="bar"
inlineStyle="width:990px; background-color:#3d5581;">
<af:commandNavigationItem text="MACI Website" id="cni1"
showRequired="true"
destination="http://www.cishipping.com"
inlineStyle="color:White; font-family:Verdana;"/>
<af:commandNavigationItem text="Examination System"
id="cni2" useWindow="true"
destination="/faces/Home.jspx"
targetFrame="_self"
inlineStyle="color:White; font-family:Verdana;"/>
<af:commandNavigationItem text="Online Services" id="cni3"
destination="http://www.cishipping.com/portal/page?_pageid=1307,1851830&amp;_dad=portal&amp;_schema=PORTAL"
inlineStyle="color:White; font-family:Verdana;"/>
<af:commandNavigationItem text="Help" id="cni4"
inlineStyle="color:White; font-family:Verdana;"/>
</af:navigationPane>
This shows fine in Firefox, but in Internet Explorer I cannot see the text of the items in the commandNavigationItems.
Anyone seen this before? Bug?
Regards
Orlando

Answer 1

I found out what the issue was. My navigation items had a specification using a padding of 5% this seems to be too big for the navigationPane and was pushing the items into a overflow area for the pane. In I.E it resulted in the items not being displayed, although in Firefox it displayed okay.
I changed the padding to 0.5% and it works again.
Thanks for trying to help
Orlando