odd new variation of the IE "peekaboo" bug

[phrozt]

Good news is, no text or anything important is covered up.

Bad news is, the border on the side is covered up.

Take a look at a sample page on IE:

http://burrowscabinets.com/about_us/

As you can see, parts of the left and right border are simply missing in place of either the text that appears in id="main" (floated) or id="rtNav" (also floated).

I've tried a variety of fixes, including overflow: visible/hidden in a variety of places, along with position: relative fix... and variations of the two in a variety of places... to no avail.

The CSS for this is found at

http://burrowscabinets.com/css/layout.css

Any help would be much appreciated.. thx

 

[cLFlaVA]

does this help?

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[phrozt]

the page didn't come up, but this has nothing to do with box model anything...

It's not padding that's messed up

 

[phrozt]

bump

 

[johnwm]

Try getting the page to validate first:

http://validator.w3.org/check?verbose=1&uri=http://burrowscabinets.com/about_us/

________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller

 

[BillyRayPreachersSon]

I've not tried this in IE (too much hassle), but it didn't mess things up in Firefox, so may work: remove the "float:right" from your "#rightCol" styles.

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[jemminger]

have you tried the suggestions here?

http://www.positioniseverything.net/explorer/peekaboo.html

-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big