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 [[email protected]]
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/
