Hey people,
take a look at http://members.dodo.com.au/~rouslan/nin ... index.html
on the bottom navigation buttons line I have text being wrapped (which I don't want) in FireFox 3.x, but in Internet Explore 7 everything looks fine.
I couldn't find anything wrong in html source or css.
It's just driving me nuts.
Can you help me solve this, please?
Here's the CSS
CSS
* {
margin: 0px;
padding: 0px;
}
body {
padding-top: 0px;
background-image: url(bg.jpg);
color: #f9fdcd;
font-family: verdana, arial, sans-serif;
text-align: left;
letter-spacing: 1px;
}
a {color: #61328f;font-size: 14px; text-decoration:none; font-weight:bold;}
a:hover {color: #e9fd09;}
.more{float: left;}
.clear{clear:both;}
p{ margin: 0px 0px 0px 0px;line-height: 16px;font-size: 14px;}
#container {
margin: 7px auto;
width:900px;
top:50px;
}
#banner {
background-color: #6ae066;
width:900px;
height:90px;
position:relative;
}
#bannerimg {
width:728px;
height:90px;
margin-left:auto;
margin-right:auto;
display:inline;
text-align:center;
}
#buttons {
background-color: #6ae066;
width:900px;
height:30px;
position:relative;
margin: 7px auto;
}
#contentheaderbutton {
background-color: #6ae066;
width:900px;
height:24px;
position:relative;
}
#contentheaderbutton2 {
width:auto;
height:24px;
margin: 0px 0px 0px 65px;
float:left;
}
#top {
background-image:url(top.gif);
width:900px;
height:23px;
position:relative;
}
#contentindex {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:483px;
position:relative;
}
#contentwhypilates {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:1120px;
position:relative;
}
#contentstudio {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:483px;
position:relative;
}
#contentschedule {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:483px;
position:relative;
}
#contentfees {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:483px;
position:relative;
}
#contenttestimonials {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:483px;
position:relative;
}
#contentfindus {
background-image: url(contentbg.gif);
background-repeat:repeat-y;
width:900px;
height:483px;
position:relative;
}
#text {
width:450px;
margin: 5px 0px 0px 70px;
float:left;
display:inline;
}
#mainimg {
background-image: url(mainimg.gif);
width:296px;
height:481px;
float:right;
margin: 5px 65px 60px 0px;
display:inline;
}
#bottom {
background-image:url(bottom.gif);
width:900px;
height:23px;
position:relative;
}
#bbuttons {
background-color: #6ae066;
width:900px;
height:30px;
position:relative;
margin: 7px auto;
color: #61328f;
font-size: 14px;
text-decoration:none;
font-weight:bold;
}
#copyright {
background-color: #6ae066;
width:900px;
height:15px;
position:relative;
margin: 7px auto;
color: #61328f;
font-size: 60%;
}
/*-------------links------------*/
.yellow {
color: #e9fd09;
font-size: 14px;
text-decoration:none;
font-weight:bold;
hover: #61328f;
}
a.yellow:hover {
color: #61328f;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
