Title: IE float bug
Last modified: August 18, 2016

---

# IE float bug

 *  Resolved [Claire](https://wordpress.org/support/users/rockinfree/)
 * (@rockinfree)
 * [21 years ago](https://wordpress.org/support/topic/ie-float-bug-1/)
 * I’ve tried with no success to fix how my site ([http://www.weirdncrazy.com/universe](http://www.weirdncrazy.com/universe/))
   looks in IE — my sidebar should be next to the content (which works in Firefox),
   yet in IE it’s moved below it. I have a width defined for the content, which 
   is floated left, and the sidebar which has an equal left margin. Both the content
   and sidebar are held in a wrapper div. My CSS is:
 * `#wrapper {
    width: 700px; margin: 0 auto; overflow: hidden; } #content { float:
   left; width: 70%; margin-top: 20px; } #sidebar { margin-left: 75%; width: 25%;
   margin-top: 20px; }
 * Any ideas to make it line up? Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Lorelle](https://wordpress.org/support/users/lorelle/)
 * (@lorelle)
 * [21 years ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-207971)
 * This is a common problem but there are several ways of fixing it. Check these
   out.
    [Codex – CSS Fixing Browser Bugs](http://codex.wordpress.org/CSS_Fixing_Browser_Bugs)
   [Codex – CSS Troubleshooting](http://codex.wordpress.org/CSS_Troubleshooting)
   [Positioniseverything](http://www.positioniseverything.net/) [Position is Everything’s 3 Complex Column – Perched on a Lily Pad](http://www.positioniseverything.net/guests/3colcomplex.html)
   [Position is Everything Piefecta Rigid 3-Column Layout](http://www.positioniseverything.net/piefecta-rigid.html)
 *  [jinsan](https://wordpress.org/support/users/jinsan/)
 * (@jinsan)
 * [21 years ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-207972)
 * rockinfree can you post a screenshot? I just viewed it in IE6 on a Windoze machine
   and the menu looks the same as in FF. Fixed it?
 *  [Root](https://wordpress.org/support/users/root/)
 * (@root)
 * [21 years ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-207978)
 * It is possible that one browser or another is rounding up the percentages. 25
   plus 75 does not equal 100 in many browsers. I would drop down one or two percent
   all over.And this is not the infamous float bug.
 *  Thread Starter [Claire](https://wordpress.org/support/users/rockinfree/)
 * (@rockinfree)
 * [21 years ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-207980)
 * Hmm okay … thanks for your replies. I hadn’t gotten any last night so I moved
   it back to absolute positioning until I had it figured out. I’ll try dropping
   the percentages by 1 or 2 next time — thanks!
 *  [jelevin](https://wordpress.org/support/users/jelevin/)
 * (@jelevin)
 * [20 years, 12 months ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-208114)
 * I had this same problem and found an easy solution at [http://www.bloggerforum.com/modules/xoopsfaq/index.php?cat_id=8](http://www.bloggerforum.com/modules/xoopsfaq/index.php?cat_id=8)
 * I modified the CSS img to look like this:
    .post img { padding:4px; border:1px
   solid #222; max-width:410px; width: expression(this.width > 410 ? 410: true);}
 *  [jbbrwcky](https://wordpress.org/support/users/jbbrwcky/)
 * (@jbbrwcky)
 * [20 years, 12 months ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-208117)
 * Set both #content and #sidebar to float:left; (but no clear!) and also set your
   widths to be in pixels, not in percentages.
 * Jbbrwcky

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘IE float bug’ is closed to new replies.

## Tags

 * [float](https://wordpress.org/support/topic-tag/float/)

 * 6 replies
 * 6 participants
 * Last reply from: [jbbrwcky](https://wordpress.org/support/users/jbbrwcky/)
 * Last activity: [20 years, 12 months ago](https://wordpress.org/support/topic/ie-float-bug-1/#post-208117)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics