Issue with div positioning over background image in IE

Discussion in 'CSS' started by jakkwylde, Oct 31, 2005.

0
  1. #1
    Please reference the layout issue on the following page:
    http://www.aaronhorst.com/v2/default.asp

    In Firefox, the section with the text "HEADER" is positioned correctly. In Internet Explorer, everything seems to be shifted to the left by one or two pixels. The following are my current CSS classes:

    body {
    color: #777;
    background: #EAEAEA url('/v2/images/design/background.png') repeat-y center top;
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
    font-family: verdana;
    }

    #wrapper {
    margin: 0px auto;
    padding: 0px;
    border: 0px;
    width: 620px;
    text-align: left;
    }

    #header {
    width: 620px;
    height: 65px;
    padding: 0px;
    border: 0px;
    margin: 0px;
    background: #c0c0c0;
    border-bottom: 1px solid #000;
    }

    Any advice or suggestions would be greatly appreciated on how I can correct this.
     
    jakkwylde, Oct 31, 2005 IP
  2. dave487

    dave487 Peon

    Messages:
    701
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try altering the page from
    <body>
<div id="wrapper">
	<div id="header">
	
	HEADER</div>
</div>
</body>
    HTML:
    to read

    <body>
<div id="wrapper"><div id="header">HEADER</div></div>
</body>
    HTML:
     
    dave487, Nov 1, 2005 IP