Forum Moderators: not2easy
I am new to the forum and I am hoping somebody may be able to help me out. I have been trying to sort this issue for sometime now.
The code for the css and div tags are below. The code is a little jumbled at the moment and not very tidy so I didn't want to post all of it and get no responses, but if anyone wants me to put it all on here, let me know and I can.
Basically the problem is that the product ranges text(in a div) and shop online text(also in a div) are in the wrong positions. They are too high, as if I have positioned them as relative, when in fact they are absolute and the div it is nested in is relative. It is positioned correctly in Opera, Firefox, Safari, Chrome but not IE 7. Not sure about IE6 as I have vista on this machine and have been unable to check just yet. If you compare the sites with 2 browsers next to each other I am sure you will see what I mean.
Please can someone tell me where I am going wrong, or how to hack IE to work as although I cant stand it as a browser, the majority still use it so I need to get the website working smoothly with it.
Thank you
---------------------
.thrColFixHdr #container {
position: relative;
width: 1000px;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: center; /* this overrides the text-align: center on the body element. */
}
#LeftSideBarHeader {
position:absolute;
left:5px;
top:110px;
width:180px;
height:50px;
z-index:1;
text-align: left;
}
<div id="LeftSideBarHeader">Product Ranges</div>
