Welcome, James.



James Taylor wrote:
> just launched  a new site: 
> 
> http://stormpetrel.us/black_swan_excerpt.htm 
> 
> the XHTML 1.0 Strict DOCTYPE pages use inline 'tab' type list Navigation with 
> background images and hover/active states based upon  Dan Cederholm mini-tabs
> 
> #nav
> {
>       position: relative;
>       margin: 0 0 15px 0;
>       padding: 0 0 20px 30px;
>       border-bottom: 1px solid #9FB1BC;
> }

What is the purpose of position:relative here? In IE6, it leads to 
problems in context of the inline li, so it seems.


> 
> all is well in ie7, FF, Safari etc but - 
> 
> i added margin-top: -1px; to all a:* states to shift up background images 1px 
> to hide visible border-bottom for  Mozilla on PC 
> 
> but... now
> 
> border-bottom: 1px solid #9FB1BC is not visible in ie6 in region where #nav 
> li is present 
> 

Confirmed. But this border is not visible even if margin-top is 0 in IE6.

> if i do this
> 
> margin-top: -1px;
> * margin-top: 0;
> 
> i think it /might/ make border-bottom visible in ie6 but not so in ie7?
> 

I don't see where it will all end?


> (i work on a mac so do not see ie6 until i check on borrowed pc or $$ 
> browsercam)

> another thought is to change the background: #fff; used in the #nav container 
> [.navspace] to transparent
> 
> any thoughts/ideas/advice are appreciated; this is my first post!
> 
> Thank You!
> 

regards,

Ingo

-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to