CSS for Fire Fox, looking fo specifics Options

[danielkraus]

I am looking for a handbook, or site which could give me insight into setting up an external css for my site specificallyfor Fire Fox users. Does this exist? Or do I need to use trial and error? Thanx.

[danielkraus]

Ok here goes. I am not sure if I am posting this correctly, so if I screw it up please let me know.


Fire Fox:



IE



CSS Code

CODE

#header {
border-bottom: 4px solid #1B2985;
padding-top: 10px;
clear: both;
margin-bottom: 0;
background-image: url(images/header3.bmp);
background-repeat:no-repeat;
background-color: #1B2985;
height: 135px;}

#header p {
text-align: right;
margin-top: -20px;
margin-right: 20px;
color: #EFEFEF;
}

#header h1 {
text-align: right;
padding-right: 20px;
}

#globallinks p {
text-align:left;
margin-top: 60px;
margin-left: 43px;
font-size:12px;
}

#globallinks a {
color: #FFFFFF;
}

#globallinks a:hover {
cursor:auto; color: #00FFFF;
font-weight:500;

}

html code

CODE

<div id="header">

<h1>Directory Sexy</h1>
<p>An Online Lingerie Resource</p>

<div id="globallinks">

<p><a href="#" title="Home">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="aboutus.html" title="About Us">About Us</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http;//directorysexy.wordpress.com" title="Directory Sexy Blog">The Blog</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="contactus.html" title="Contact Us">Contact Us</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="Gift Advice">Gift Advice</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="Glossary">Glossary</a></p>
</div>

</div>

Hopefully you can see the screen shots. I noticed I have a little issue at the bottom of the home page as well. But I believe I can fix that after You help me with the header issue. If I left anything out please let me know. Thanx again!