Title: Simple Internet Explorer Errors
Last modified: August 18, 2016

---

# Simple Internet Explorer Errors

 *  [woxel1](https://wordpress.org/support/users/woxel1/)
 * (@woxel1)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/simple-internet-explorer-errors/)
 * [http://www.penguinbros.com/home/](http://www.penguinbros.com/home/)
 * I’ve been coding a new WordPress style and two problems crop up for me when the
   site is viewed in Internet Explorer. 1. The entire wrapper is shifted to the 
   left and 2. The background of the page continues above the header where it shouldn’t.
   The site appears normally in Safari and Firefox.
 * My style.css (where it counts) looks like this:
 * `#wrapper
    { width: 700px; margin: 0 auto; overflow: hidden; }
 * #page
    { background: url(images/frostybg.jpg) repeat-y top; border: none;  }
 * #header
    { margin-top: 20px; margin-bottom: 10px; }
 * #headerimg
    { font-size: 1.2em; margin: 0 auto; text-align: center; width: 760px;
   height: 200px; color: #FFFF00; background-color: #0000CC; background: url(images/
   frostyheader.jpg) no-repeat center }
 * I can’t seem to crack these two errors but I’m sure they’re simple enough to 
   conquer without too much trouble. So could someone lend a noob coder some help?

Viewing 1 replies (of 1 total)

 *  [DianeV](https://wordpress.org/support/users/dianev/)
 * (@dianev)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/simple-internet-explorer-errors/#post-250854)
 * Thanks for not posting your entire CSS file, which would make it difficult to
   determine where the issues are.
 * (1) The entire wrapper is shifted to the left.
 * I’ve run into this on occasion lately where the given classes/ids should have
   centered a layout, but it either does/doesn’t center in IE. I suspect that I’ve
   come across the solution before, but it was a bit obtuse. Lately I’ve been doing
   this:
 * body {text-align:center}
    #wrapper {text-align:left}
 * (2) The background of the page continues above the header where it shouldn’t.
 * That would be caused by your #header specification, which adds a 20px margin *
   above* the header container.

Viewing 1 replies (of 1 total)

The topic ‘Simple Internet Explorer Errors’ is closed to new replies.

## Tags

 * [incompatibility](https://wordpress.org/support/topic-tag/incompatibility/)
 * [internet](https://wordpress.org/support/topic-tag/internet/)
 * [style](https://wordpress.org/support/topic-tag/style/)

 * 1 reply
 * 2 participants
 * Last reply from: [DianeV](https://wordpress.org/support/users/dianev/)
 * Last activity: [20 years, 9 months ago](https://wordpress.org/support/topic/simple-internet-explorer-errors/#post-250854)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics