Hey all – I’m sure this is a really stupid question but I’ve got to ask it as it’s driving me mad…
I’m trying to make my navigation tabs all fit within my container div and, in Safari, this works fine. However, in FF, no matter what I do, I can’t seem to get the thing to stay put… any ideas?!
Firefox: [URL=”http://www.roundthebend.org/temp/images/firefox.png”]http://www.roundthebend.org/temp/images/firefox.png
Safari: [URL=”http://www.roundthebend.org/temp/images/safari.png”]http://www.roundthebend.org/temp/images/safari.png
[CODE]* {margin: 0; padding: 0; border: 0;}
body {
background: url(images/background.gif) left top repeat;
}
#container {
background: #FFFFFF;
width: 700px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin: 0 auto;
}
#header {
height: 228px;
background: url(images/header.png) no-repeat;
}
#footer {
background: url(images/footerbg.png) no-repeat;
border-top: 1px solid #000000;
height: 27px;
font-family: “Tahoma”; font-size: 0.7em; line-height: 230%;
padding-left: 20px;
clear: both;
}
img.sticker {
margin-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
#content {
width: 655px;
float: left;
margin-top: 15px;
padding-left: 20px;
padding-bottom: 20px;
text-align: justify;
}
h1 {font-family: “Tahoma”; font-size: 1.37em; font-weight: bold;}
h2 {font-family: “Tahoma”; font-size: 1em; font-weight: bold;}
p {font-family: “Tahoma”; font-size: 0.7em; line-height: 150%;}
a:link {font-weight: bold; text-decoration: none; color: #000000;}
a:hover {font-weight: bold; text-decoration: underline; color: #607333;}
#navigation ul
{
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
#navigation li
{
float: left;
margin: 0 0.10em;
}
#navigation li a
{
background: url(images/navbg.png) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 6em;
display: block;
border: 0.1em solid #000000;
color: #000000;
text-decoration: none;
text-align: center;
font-family: “Times”, sans-serif; font-weight: normal;
}
/* Hide from IE5-Mac */
#navigation li a
{
float: none
}
/* End hide */
#navigation
{
width:45em
}
#navigation li a:hover
{
background: url(images/navbg.png) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 6em;
display: block;
border: 0.1em solid #000000;
color: #000000;
text-decoration: underline;
text-align: center;
font-family: “Times”, sans-serif; font-weight: normal;
}