I have been creating a website, solely using CSS and HTML. This particular site revolves aroung a 225px. image on the left side of the screen with all of the content to the right of that picture.
The problem that I am having is that when I put <style> tags into a <div>, it works in Netscape, Opera, and Safari; but not IExplorer. I was given the advice to remove this tag and put it in the <body> tag. When I did this, nothing recongized the 225px image, not even Netscape.
This is a very importand quiestion that my ENTIRE site revolves around and works with all browsers except the widely-used Internet Explorer. Cen you please help me with this problem?
The exact advice given to me was remove:
div.top {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
backgroung-image: url('nav.jpg');
background-repeat: repeat-y;
}
and replace that with:
body {
background-image: url('nav.jpg');
background-repeat: repeat-y;
}
The problem with the <body> tag is that NO BROWSER recognizes it.
<style> tags in a <body> vs. <div>
