http://www.loudjoy.com/ChampSite/
http://www.loudjoy.com/ChampSite/base.css
http://www.loudjoy.com/ChampSite/ie.css
I'm working with the navigation on this page - it looks perfect on
mac/Firefox and Safari
IE6 is making steps out of the navigation bar (which consists of the
2 large buttons and the search box).
I've tried applying dimensions to each element in case it is a
hasLayout issue with no luck.
The ie.css file is to serve up gif backgrounds instead of pngs - it
seems harmless to me, but maybe there is a problem there that I'm not
seeing.
Relevant css here:
----------------------------------------
/* MAIN NAV AND SEARCH */
#main_nav_bar{
display: block;
float: right;
width: 513px;
margin-top: -30px;
position: relative;
}
div#search{
width: 291px;
height: 42px;
background: transparent url(i/search_bkg.png) no-repeat;
float: left;
margin-right: 10px;
}
#search form p{
font: 10px/15px "arial black", sans-serif;
text-align: left;
margin-top: 3px;
color: #fff;
letter-spacing: .2em;
margin-left: 8px;
}
#big_buttons{
margin: 0;
padding: 0;
}
#big_buttons li{
list-style-type: none;
}
#big_buttons li a{
width: 84px;
height: 38px;
border: 1px solid #71503e;
color: #71503e;
background: #fff url(i/button_bkg.gif);
display: block;
float: left;
font: 14px arial, sans-serif;
color: #71503e;
padding-top: 5px;
text-align: left;
padding-left: 10px;
margin-right: 10px;
}
#search input.text_input{
border: 0;
font: 14px arial, sans-serif;
color: #71503e;
margin-top: 0;
border-top: 2px solid #82624f;
}
#search input.button{
border: 0;
border-top: 2px solid #82624f;
font: 14px arial, sans-serif;
color: #71503e;
background: #fff url(i/button_bkg.gif) right bottom;
}
p#adv_search{
text-align: left;
position: absolute;
top: 22px;
left: 223px;
}
a#adv_search_link{
text-align: left;
color: #71503e;
font: 10px verdana, sans-serif;
text-decoration: underline;
}
------------------------------------------
Any ideas? TIA,
Christy
______________________________________________________________________
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/
