Steven M. Yousha wrote:
> www.stmconsultants.com
> I've jointly created a website using CSS styling, and it appears fine
> in FireFox and Safari, but the top navigation bar when viewed under
> IE has shifted to the right,
IE7 and older have their own interpretation of 'auto' position for A:P.
Make it...
#wrapper {position: relative;}
#topnav {left: 11px;}
...and old IE will "get it" too.
> while the list items within the bar have shifted to the left!
IE has margin-defaults while other browsers have padding-defaults on
lists. So to control shift declare both margin and padding on ul.
Something like...
#topnav ul { margin: 0; padding: 5px 0 0 32px;}
...will fix the left-shift.
Note that the entire nav-list expands with font resizing - in all browsers.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
