asp:Panel issues with FF & Netscape.

[mahaq]

Hi Guys,

I like to know if there is any better solution to this issue.

I am a front end developer using CSS and asp.net technologies

I have a .net page and I am using an external CSS file.
After adding the following code

What I see is that its fine on IE 6 & 7 but on firefox and netscape the 2 links given below shift to the center.

<asp:Panel id="TrailMarker " CssClass="Trail Marker" Runat="server">
<asp:HyperLin k id="lnkAboutUs " CssClass="Trail Marker" runat="server"> About Us</asp:HyperLink>& gt;
<asp:HyperLin k id="Hyperlink1 " CssClass="Trail Marker" runat="server"> Our Profile</asp:HyperLink>
</asp:Panel>
The CSS class for this is
div.TrailMarker {
padding: 0px;
padding-left: 2%;
margin-top: 0px;
text-align: left;
vertical-align:top;
height: 20px;
background-color: #333333;}

I found out a fix on it, by adding the inline styles but my client wants external reference only.

My fix is as follows - look at the inline style I embedded
<asp:Panel id="TrailMarker " CssClass="Trail Marker" Runat="server" style="padding: 0px;padding-left: 2%;margin-top: 0px;text-align: left;vertical-align:top;heigh t: 20px;background-color: #333333;">
<asp:HyperLin k id="lnkAboutUs " CssClass="Trail Marker" runat="server"> About Us</asp:HyperLink>& gt;
<asp:HyperLin k id="Hyperlink1 " CssClass="Trail Marker" runat="server"> Our Profile</asp:HyperLink>
</asp:Panel>

Somehow my client wants an external source (the reason for this while printing the page all these inline style cause shifting of text and increase/decrease in font size.)
Can anybody please give me a better solution.

Thanks.

Abdul Haq