Hi guys,
I'm having some weird issues with Netscape 7.0 on a Mac and was wondering if someone might be able to help me out.
I'm trying to have an image display as a background in a menu and in all other browsers I've tested it (PC & Mac) it works fine, except NS 7.0 on the Mac.
Here's the CSS I'm using:
#left_content{
float:left;
background-image: url("background_image.jpg") top left no-repeat;
background-color:#FFF;
width: 182px;
}
#left_content ul {
margin-top: 55px;
list-style:none;
margin-left: -5px;
/* Hide from IE-Mac \*/
margin-left: -25px;
/* End hide */
_margin-left: 10px;
}
The issue I'm having is that NS7.0 is positioning the image exactly 55px from the top. It seems to be putting it top left in the UL tag.
I don't have a sample live at the moment - still in dev - but if anyone could offer some suggestions I'd be ever so appreciative!
Regards
BradIt's background not background-image
Try:
background: url("background_image.jpg") top left no-repeat;
Or:
background-image: url("background_image.jpg");
background-position: top left no-repeat;Hi Fang...I noticed that mistake after I posted the message. I currently have it as:
#left_content{
float:left;
background: #fff url("background_image.jpg") top left no-repeat;
width: 182px;
}
But alas, that doesn't fix my issue.
BradJust letting you know I solved the issue - not 100% certain why it works, but it does and that's all that matters
<div id="left_content">
<!--#include file="menu.asp"-->
</div>Note the non-breaking space after the opening div tag.
Regards
Brad
I'm having some weird issues with Netscape 7.0 on a Mac and was wondering if someone might be able to help me out.
I'm trying to have an image display as a background in a menu and in all other browsers I've tested it (PC & Mac) it works fine, except NS 7.0 on the Mac.
Here's the CSS I'm using:
#left_content{
float:left;
background-image: url("background_image.jpg") top left no-repeat;
background-color:#FFF;
width: 182px;
}
#left_content ul {
margin-top: 55px;
list-style:none;
margin-left: -5px;
/* Hide from IE-Mac \*/
margin-left: -25px;
/* End hide */
_margin-left: 10px;
}
The issue I'm having is that NS7.0 is positioning the image exactly 55px from the top. It seems to be putting it top left in the UL tag.
I don't have a sample live at the moment - still in dev - but if anyone could offer some suggestions I'd be ever so appreciative!
Regards
BradIt's background not background-image
Try:
background: url("background_image.jpg") top left no-repeat;
Or:
background-image: url("background_image.jpg");
background-position: top left no-repeat;Hi Fang...I noticed that mistake after I posted the message. I currently have it as:
#left_content{
float:left;
background: #fff url("background_image.jpg") top left no-repeat;
width: 182px;
}
But alas, that doesn't fix my issue.
BradJust letting you know I solved the issue - not 100% certain why it works, but it does and that's all that matters
<div id="left_content">
<!--#include file="menu.asp"-->
</div>Note the non-breaking space after the opening div tag.
Regards
Brad