I am having some issues with IE getting a layout design to work and I would
like to see if anybody can offer any pointers before this drives me nuts.
The issue I am running into is that I have a box which has a fluid width
(90% of the page).  Within that box, I am attempting to absolutely place
another box at the very top, but with a 14px margin on both the left and
right side.  The following CSS rules work just fine in FireFox ....

 

               #container {

                              position: relative;

                              margin: 0 auto;

                              width: 80%;

 

               #header {

                              position: absolute;

                              top: 0;

                              left: 14px;

                              right: 14px;

               }

 

In IE however, the header box is positioned right, but it does not expand
the full width of its container.  Instead it has an extra wide margin on the
right side.  I think this could probably be fixed with a box model hack, but
I cannot figure out the right combination of rules to make IE behave.

 

Any ideas would be appreciated.

 

Thanks

-- Jeff

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to