IE and Firefox with floating DIVs

bukwus · 06-03-2008, 06:06 PM

Hi

If you go to BUZGate.org - Small Biz FREE Help for Alaska (if it doesn't come up, refresh) in Firefox, you should see an 8 tab menu resting right on top of the main content. In IE, there is space between the tabs and the content. Each tab is a DIV with float:left; all of which are contained in another DIV.

Is it possible to get IE to behave like FF in this situation?

Many thanks

Andy

CrazeD · 06-03-2008, 10:29 PM

There's several errors in IE.

Post your CSS and HTML and I'll try to help.

bukwus · 06-04-2008, 10:17 AM

Thanks Crazd

Here's the html for the top of the page and css. Sorry there's so much but I wasn't sure what would be relevant. Let me know if there's anything else you need.

Code:

<body>

<div id="watermark">
<a name="tl"></a>
<div id="container">
        <a href="../index.html"><img src="/8.0/images/logo_state.jpg" width="168" height="77" border="0" alt="Buz Logo" class="floatLeft" /></a>
        
        <div id="topNavState">
            <div id="joinState">
                <div id="submenuState">
                    <a href="">Log In</a> <a href="pdf/brochure.pdf">Share the Buz</a> <a href="contact.html">Contact Us</a> <a href="about.html">About Us</a> <a href="news.html">News</a> <a href="state_home.html?st=AK">AK Home</a><br />
                         
                    <div class="marginTopFive"></div>
                         
                    <a href="fh.html">Free Help</a> <a href="add.html">Add Content</a> <a href="ask_buz.html">Ask Buz</a> <a href="products.html#subscribe"><span class="subscribeLink">Subscribe</span></a>
                </div>
                <img src="/8.0/images/img_join_corners.jpg" width="12" height="41" border="0" alt="Join" class="floatRight" />
                <div id="joinTextState"><a href="register_join.html">Join</a></div>
            </div>
        
            <div id="formBoxes2">
                <div class="searchSub">
                    <form id="searchbox_005295786653352441206:kyzuiedfogq" action="http://www.google.com/cse">
                    <input type="hidden" name="cx" value="005295786653352441206:kyzuiedfogq" />
                    <input type="hidden" name="cof" value="FORID:0" />
                    <input name="q" type="text" size="10" />
                    <input type="submit" name="sa" value="Search" id="searchFont" />
                    </form>
                </div>
                
                <div class="searchSub">
                    <form action="http://lists.myvbi.org/cgi-bin/dada/mail.cgi" method="get">
                    <input type="hidden" name="list" value="member" />
                    <input type="hidden" name="f" value="subscribe" />
                    <input type="text" name="email" value="" size="10" />
                    <input type="submit" name="subscribe" value="Subscribe" id="subscribeFont" />
                    </form>
                </div>
                
                <div id="chooseState2">
                    <form>
                    <select onChange="if(options[selectedIndex].value) 
                    window.location.href=(options[selectedIndex].value)" id="chooseAState">
                    <option value="index.html">Choose a State</option>
                
                </select>
                    </form>
                </div>
            </div>
            
            <div id="blurbBlock2">
                <span class="growState" id="blurb">Grow your biz in</span> <span class="growState" id="state">Alaska</span>
            </div>
        </div>
        
        <br clear="all" />

        <div id="menu">
            <div id="menuFH">
                <img src="/8.0/images/img_menucorner_r_fh.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_fh.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="fh.html">Free Help</a>
            </div>
            
            <div id="menuBKN">
                <img src="/8.0/images/img_menucorner_r_bkn.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_bkn.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="bkn.html">Solutions</a>
            </div>
            
            <div id="menuStart">
                <img src="/8.0/images/img_menucorner_r_start.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_start.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="start.html">Start</a>
            </div>
            
            <div id="menuGrow">
                <img src="/8.0/images/img_menucorner_r_grow.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_grow.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="grow.html">Grow</a>
            </div>
            
            <div id="menuFund">
                <img src="/8.0/images/img_menucorner_r_fund.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_fund.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="fund.html">Fund</a>
            </div>
            
            <div id="menuTrain">
                <img src="/8.0/images/img_menucorner_r_train.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_train.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="train.html">Train</a>
            </div>
            
            <div id="menuNet">
                <img src="/8.0/images/img_menucorner_r_net.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_net.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="net.html">Network</a>
            </div>
            
            <div id="menuBSS">
                <img src="/8.0/images/img_menucorner_r_bss.jpg" width="9" height="9" border="0" alt="menu corner" class="floatRight" />
                <img src="/8.0/images/img_menucorner_l_bss.jpg" width="9" height="9" border="0" alt="menu corner" class="floatLeft" />
                <a href="bss.html">Success System</a>
            </div>    
        </div>
<div id="bodyBlock2">
    <div id="menuCrumbs">
                <a href="bkn.html" class="bkn">Best Practices</a> <a href="bkn_function.html#champion" class="bkn">Educational Champion</a> <a href="bkn_function.html#topic" class="bkn">Solution Topic</a> <a href="bkn.html#add" class="bkn">Add</a>
            </div>    
    <div id="textBlock" class="left2">
        <img src="/8.0/images/img_blockcorner_right.gif" width="19" height="15" border="0" style="float:right;" />
        <img src="/8.0/images/img_blockcorner_left.gif" width="19" height="15" border="0" />
        
        <div id="bodyPadding">
            <div class="blockTitle bknTextColor">Small Business Solutions</div>

///// STYLES /////

BODY {
    text-align: center; /* for IE */
}

BODY, TABLE, TD, P, DIV, UL, LI {
  font-family:verdana,helvetica,arial;
  font-size:11px;
  line-height:13pt;
  font-weight:normal;
    color:#000000;
  margin:0px;
  padding:0px;
}

BODY {
    background-image:url(images/img_grad_bodybg.jpg);
  background-position:top;
  background-repeat:repeat-x;
}

DIV {
    margin-top:10px;
}

P {
    margin-top:10px;
    text-align:left;
}

TABLE {
    margin-top:10px;
}

TD {
    padding:3px;
    border-style:solid;
    border-width:1px;
    border-color:gray;
}

UL {
    margin-top:5px;
}

UL.noBullet LI {
    list-style-type:none;
}

LI {
    margin-left:18px; /* allows bullets to be seen */
    margin-bottom:5px;
}

LI.alone {
    margin-left:12px; /* for a list item outside a list to allow for a smaller margin */
}

OL {
    margin-top:5px;
}

OL LI {
    margin-left:0px; /*Ordered list items have different left margins than unordered so this style is to fix that*/
}

FORM {
    margin:0px;
    padding:0px;
}

A {
  color:#000000;
  text-decoration:underline; 
}
A:active {
  color:#000000;
}
A:visited {
  color:#000000;
}
A:hover {
  color:#1E3C78;
}

SUP {
    font-size:90%;
}

/* BLOCKS */

#textBlock {
    background-image:url(images/grad_block_bg.jpg);
  background-position:top left;
  background-repeat:repeat-x;
    background-color:transparent;
}

.left {
    margin-top:0px;
    width:241px;
    height:300px;
    margin-top:5px;
    margin-left:10px;
}

.right {
    width:395px;
    height:300px;
    margin-top:5px;
    margin-right:10px;
    float:right;
}

.left2 {
    width:470px;
    margin-top:5px;
    margin-left:10px;
    float:left;
}

.right2 {
    margin-top:0px;
    width:166px;
    margin-top:5px;
    margin-right:10px;
    float:right;
}

#textBlock.right2 DIV {
    margin-left:10px;
}

/* End BLOCKS */

/* Title styles */

.leftBlockTitle {
    font-weight:bold;
    margin-left:15px;
}

.leftBlockTitle A {
    color:white;
}

.stateHomeBlockTitle {
    margin-left:10px;
    margin-top:5px;
    margin-bottom:0px;
    font-size:130%;
    letter-spacing:1px;
    color:#166423;
}

.blockTitle {
    font-size:140%;
    font-weight:bold;
    letter-spacing:4px;
    margin-top:5px;
}

.blockTitle.gradTitleBox {
    margin-top:12px;
}

.blockSubtitle {
    font-size:125%;
    font-weight:bold;
}

.gradTitleBox {
    padding:2px;
    color:white;
    width:600px;
}

.gradSubtitleBox {
    width:400px;
    height:19px;
    position:relative;
    left:-14px;
    color:white;
}

.gradSubtitleBox SPAN A{
    color:white;
}

.gradSubtitleBox SPAN A:HOVER{
    color:#C7C5C7;
}

/* Gradient styles */

.generalGrad {
    background-image:url(images/img_grad_general.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.fhGrad {
    background-image:url(images/img_grad_fhtitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.bknGrad {
    background-image:url(images/img_grad_bkntitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.startGrad {
    background-image:url(images/img_grad_starttitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.growGrad {
    background-image:url(images/img_grad_growtitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.fundGrad {
    background-image:url(images/img_grad_fundtitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.trainGrad {
    background-image:url(images/img_grad_traintitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}


.netGrad {
    background-image:url(images/img_grad_nettitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}


.bssGrad {
    background-image:url(images/img_grad_bsstitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

/* End Gradient styles */

/* MENU */

#menu {
    text-transform:uppercase;
    padding-top:20px;
    margin-left:20px;
}

#menu A{
    font-size:11px;
    font-weight:bold;
    color:white;
    text-decoration:none;
}

#menu A:HOVER{
    text-decoration:underline;
}

#menuFH {
    background-color:#636313;
    float:left;
    width:90px;
}

#menuBKN {
    background-color:#68811C;
    float:left;
    width:95px;
}

#menuStart {
    background-color:#7B5A14;
    float:left;
    width:60px;
}

#menuGrow {
    background-color:#974E14;
    float:left;
    width:60px;
}

#menuFund {
    background-color:#B77A19;
    float:left;
    width:55px;
}

#menuTrain {
    background-color:#41588D;
    float:left;
    width:60px;
}

#menuNet {
    background-color:#16254B;
    float:left;
    width:80px;
}

#menuBSS {
    background-color:#111D20;
    float:left;
    width:130px;
}

/* End MENU */

/* MENU_CRUMBS */

#menuCrumbs {
    margin-top:0px;
    margin-left:15px;
    text-align:left;
}

#menuCrumbs.sub {
    margin-left:0px;
    margin-bottom:10px;
}

#menuCrumbs A{
    font-weight:bold;
    margin-right:32px;
}

#menuCrumbs A.fh {
    color:#636313;
}

#menuCrumbs A.bkn {
    color:#68811C;
}

#menuCrumbs A.start {
    color:#7B5A14;
}

#menuCrumbs A.grow {
    color:#974E14;
}

#menuCrumbs A.fund {
    color:#B77A19;
}

#menuCrumbs A.train {
    color:#41588D;
}

#menuCrumbs A.net {
    color:#16254B;
}

#menuCrumbs A.bss {
    color:#111D20;
}

#menuCrumbs A.about {
    color:#323896;
}

#menuCrumbs A:HOVER{
    color:#C7C5C7;
}

/* END MENU_CRUMBS */

/* HEADER */

.growState { /* contains "Grow your biz in 'state name'" */
    font-size:150%;
    font-family:times;
    color:white;
}

#blurb2 {
    font-family:times;
    font-size:90%;
    color:white;
    font-style:italic;
}

#blurb2 A {
    font-family:times;
    font-size:90%;
    color:white;
    font-style:italic;
    text-decoration:underline;
}

#watermark {
  background-image:url(images/img_watermark.jpg);
    background-position:top center;
  background-repeat:no-repeat;
    background-color:transparent;
    margin:0px;
    padding:0px;
}

#headContainer { /* holds header content */
    background-image:url(images/img_grad_join.jpg);
  background-position:top right;
  background-repeat:repeat-y;
    background-color:transparent;
    margin: 10px auto;   /* align for good browsers */
    width:670px;
    height:26px;
    border-style:none;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
    text-align:right;
    font-size:90%;
}

#headContainer A { 
    margin-right:8px; /* seperates top nav links from each other */
    color:#187027;
}

#headContainer A:HOVER {
    color:#1E3C78;
}

#container { /* holds all content */
    margin: 10px auto;   /* align for good browsers */
    text-align: left; /* counter the body center */
    width:670px;
    border-style:none;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
}

#chooseAState {
    width:115px; /* controls width of Choose A State box */
    font-size:90%;
    font-family:verdana,helvetica,arial;
    margin:0px;
    margin-top:3px;
}

#chooseAState OPTION{
    color:#187027;
}

#topNav {
    float:right;
    margin:0px;
    padding:0px;
    width:426px;
    height:48px;
}

#topNavState {
    float:right;
    margin:0px;
    padding:0px;
    width:495px;
    height:48px;
}

#join {
    background-image:url(images/img_grad_join.jpg);
  background-position:top;
  background-repeat:repeat-y;
    background-color:transparent;
    margin:0px;
    padding:0px;
    width:426px;
    height:40px;
}

#joinState {
    background-image:url(images/img_grad_join.jpg);
  background-position:top right;
  background-repeat:repeat-y;
    background-color:transparent;
    margin:0px;
    padding:0px;
    width:495px;
    height:40px;
}

#joinText {
    font-family:vrinda,verdana,helvetica,arial;
    font-size:230%;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    padding-top:10px;
    margin-left:360px;
}

#joinText A {
    color:#869751;
}

#joinTextState {
    font-family:vrinda,verdana,helvetica,arial;
    font-size:230%;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    padding-top:10px;
    margin-left:430px;
}

#joinTextState A {
    color:#869751;
}

#submenu {
    background-image:url(images/img_submenu_block.jpg);
  background-position:top;
  background-repeat:no-repeat;
    background-color:transparent;
    float:right;
    margin:0px;
    padding:0px;
    margin-top:10px;
    padding-top:8px;
    padding-left:15px;
    width:423px;
    height:48px;
}

#submenu A {
    font-family:verdana,helvetica,arial;
    font-size:90%;
    color:black;
    margin-right:10px;
}

#submenu A:hover {
    color:#869751;
}

#submenu2 {
    margin:0px;
    padding:0px;
    text-align:right;
    margin-right:10px;
    margin-top:3px;
}

#submenuState {
    float:left;
    text-align:right;
    margin-top:-1px;
}

#submenuState A {
    font-family:verdana,helvetica,arial;
    font-size:90%;
    color:black;
    margin-right:10px;
}

#submenuState A:hover {
    color:#1E3C78;
}

#blurbBlock {
    position:relative;
    left:60px;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

#blurbBlock2 {
    float:right;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

#blurb { /* controls "Grow your biz in" */
    font-style:italic;
    margin-right:5px;
}

#state { /* controls 'state name' */
    letter-spacing:4px;
    font-weight:bold;
    font-variant:small-caps;
}

#bodyBlock {
    background-image:url(images/img_bodyblock.jpg);
  background-position:top left;
  background-repeat:no-repeat;
    background-color:white;
    width:668px;
    height:396px;
}

#formBoxes {
    float:right; 
    margin-right:20px;
}

#formBoxes2 {
    float:right;
    margin-top:10px;
}

.searchSub {
    float:left;
    margin-top:0px;
    margin-right:10px;
}

#chooseState {
    margin:0px;
    margin-top:3px;
}

#chooseState2 {
    margin:0px;
}

#searchFont {
    font-size:12px;
}

#subscribeFont {
    font-size:90%;
}

/* END HEADER */

.leftBlockText {
    margin:5px;
}

.required {
    background-color:#DFE1EE;
    padding:5px;
}

#dgfLogo {
    margin:4px;
}

#buzDescribed {
    font-family:times;
    font-size:110%;
    color:#323896;
    width:600px;
    margin-left:30px;
}

#buzDescribed A {
    color:#323896;
}

#buzDescribed A:HOVER {
    text-decoration:none;
}

#buzDescribed2 {
    font-family:times;
    font-size:110%;
    color:#218431;
    text-align:center;
    margin-top:0px;
}

#buzDescribed2 A {
    color:#218431;
}

#buzDescribed2 A:HOVER {
    text-decoration:none;
}

#bodyPadding {
    padding-left:10px;
    padding-right:10px;
    margin-top:0px;
    padding-top:0px;
}

#bodyBlock2 {
    background-image:url(images/img_bodyblock2.gif);
  background-position:top left;
  background-repeat:no-repeat;
    background-color:white;
    width:669px;
    clear:left;
}

#smlBizRePart { /* controls subtitle box on FH category pages */
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-color:#323896;
    font-style:italic;
}

#listingNav {
    margin-bottom:0px;
    margin-top:0px;
    clear:left;
}

#listingNav A {
    margin-right:102px;
    font-weight:bold;
}

#regBizExample {
    border:solid 1px blue;
    padding:3px;
}

/* END MISC */

.floatRight {
    float:right;
}

.floatLeft {
    float:left;
}

CrazeD · 06-04-2008, 03:53 PM

Code:

BODY {
    text-align: center; /* for IE */
}

BODY, TABLE, TD, P, DIV, UL, LI {
  font-family:verdana,helvetica,arial;
  font-size:11px;
  line-height:13pt;
  font-weight:normal;
    color:#000000;
  margin:0px;
  padding:0px;
}

BODY {
    background-image:url(images/img_grad_bodybg.jpg);
  background-position:top;
  background-repeat:repeat-x;
}

DIV {
    margin-top:10px;
}

P {
    margin-top:10px;
    text-align:left;
}

TABLE {
    margin-top:10px;
}

TD {
    padding:3px;
    border-style:solid;
    border-width:1px;
    border-color:gray;
}

UL {
    margin-top:5px;
}

UL.noBullet LI {
    list-style-type:none;
}

LI {
    margin-left:18px; /* allows bullets to be seen */
    margin-bottom:5px;
}

LI.alone {
    margin-left:12px; /* for a list item outside a list to allow for a smaller margin */
}

OL {
    margin-top:5px;
}

OL LI {
    margin-left:0px; /*Ordered list items have different left margins than unordered so this style is to fix that*/
}

FORM {
    margin:0px;
    padding:0px;
}

A {
  color:#000000;
  text-decoration:underline; 
}
A:active {
  color:#000000;
}
A:visited {
  color:#000000;
}
A:hover {
  color:#1E3C78;
}

SUP {
    font-size:90%;
}

/* BLOCKS */

#textBlock {
    background-image:url(images/grad_block_bg.jpg);
  background-position:top left;
  background-repeat:repeat-x;
    background-color:transparent;
}

.left {
    margin-top:0px;
    width:241px;
    height:300px;
    margin-top:5px;
    margin-left:10px;
}

.right {
    width:395px;
    height:300px;
    margin-top:5px;
    margin-right:10px;
    float:right;
}

.left2 {
    width:470px;
    margin-top:5px;
    margin-left:10px;
    float:left;
}

.right2 {
    margin-top:0px;
    width:166px;
    margin-top:5px;
    margin-right:10px;
    float:right;
}

#textBlock.right2 DIV {
    margin-left:10px;
}

/* End BLOCKS */

/* Title styles */

.leftBlockTitle {
    font-weight:bold;
    margin-left:15px;
}

.leftBlockTitle A {
    color:white;
}

.stateHomeBlockTitle {
    margin-left:10px;
    margin-top:5px;
    margin-bottom:0px;
    font-size:130%;
    letter-spacing:1px;
    color:#166423;
}

.blockTitle {
    font-size:140%;
    font-weight:bold;
    letter-spacing:4px;
    margin-top:5px;
}

.blockTitle.gradTitleBox {
    margin-top:12px;
}

.blockSubtitle {
    font-size:125%;
    font-weight:bold;
}

.gradTitleBox {
    padding:2px;
    color:white;
    width:600px;
}

.gradSubtitleBox {
    width:400px;
    height:19px;
    position:relative;
    left:-14px;
    color:white;
}

.gradSubtitleBox SPAN A{
    color:white;
}

.gradSubtitleBox SPAN A:HOVER{
    color:#C7C5C7;
}

/* Gradient styles */

.generalGrad {
    background-image:url(images/img_grad_general.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.fhGrad {
    background-image:url(images/img_grad_fhtitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.bknGrad {
    background-image:url(images/img_grad_bkntitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.startGrad {
    background-image:url(images/img_grad_starttitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.growGrad {
    background-image:url(images/img_grad_growtitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.fundGrad {
    background-image:url(images/img_grad_fundtitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

.trainGrad {
    background-image:url(images/img_grad_traintitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}


.netGrad {
    background-image:url(images/img_grad_nettitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}


.bssGrad {
    background-image:url(images/img_grad_bsstitle.jpg);
  background-position:top left;
  background-repeat:repeat-y;
    background-color:transparent;
}

/* End Gradient styles */

/* MENU */

#menu {
    text-transform:uppercase;
    padding-top:20px;
    margin-left:20px;
}

#menu A{
    font-size:11px;
    font-weight:bold;
    color:white;
    text-decoration:none;
}

#menu A:HOVER{
    text-decoration:underline;
}

#menuFH {
    background-color:#636313;
    float:left;
    width:90px;
}

#menuBKN {
    background-color:#68811C;
    float:left;
    width:95px;
}

#menuStart {
    background-color:#7B5A14;
    float:left;
    width:60px;
}

#menuGrow {
    background-color:#974E14;
    float:left;
    width:60px;
}

#menuFund {
    background-color:#B77A19;
    float:left;
    width:55px;
}

#menuTrain {
    background-color:#41588D;
    float:left;
    width:60px;
}

#menuNet {
    background-color:#16254B;
    float:left;
    width:80px;
}

#menuBSS {
    background-color:#111D20;
    float:left;
    width:130px;
}

/* End MENU */

/* MENU_CRUMBS */

#menuCrumbs {
    margin-top:0px;
    margin-left:15px;
    text-align:left;
}

#menuCrumbs.sub {
    margin-left:0px;
    margin-bottom:10px;
}

#menuCrumbs A{
    font-weight:bold;
    margin-right:32px;
}

#menuCrumbs A.fh {
    color:#636313;
}

#menuCrumbs A.bkn {
    color:#68811C;
}

#menuCrumbs A.start {
    color:#7B5A14;
}

#menuCrumbs A.grow {
    color:#974E14;
}

#menuCrumbs A.fund {
    color:#B77A19;
}

#menuCrumbs A.train {
    color:#41588D;
}

#menuCrumbs A.net {
    color:#16254B;
}

#menuCrumbs A.bss {
    color:#111D20;
}

#menuCrumbs A.about {
    color:#323896;
}

#menuCrumbs A:HOVER{
    color:#C7C5C7;
}

/* END MENU_CRUMBS */

/* HEADER */

.growState { /* contains "Grow your biz in 'state name'" */
    font-size:150%;
    font-family:times;
    color:white;
}

#blurb2 {
    font-family:times;
    font-size:90%;
    color:white;
    font-style:italic;
}

#blurb2 A {
    font-family:times;
    font-size:90%;
    color:white;
    font-style:italic;
    text-decoration:underline;
}

#watermark {
  background-image:url(images/img_watermark.jpg);
    background-position:top center;
  background-repeat:no-repeat;
    background-color:transparent;
    margin:0px;
    padding:0px;
}

#headContainer { /* holds header content */
    background-image:url(images/img_grad_join.jpg);
  background-position:top right;
  background-repeat:repeat-y;
    background-color:transparent;
    margin: 10px auto;   /* align for good browsers */
    width:670px;
    height:26px;
    border-style:none;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
    text-align:right;
    font-size:90%;
}

#headContainer A { 
    margin-right:8px; /* seperates top nav links from each other */
    color:#187027;
}

#headContainer A:HOVER {
    color:#1E3C78;
}

#container { /* holds all content */
    margin: 10px auto;   /* align for good browsers */
    text-align: left; /* counter the body center */
    width:670px;
    border-style:none;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
}

#chooseAState {
    width:115px; /* controls width of Choose A State box */
    font-size:90%;
    font-family:verdana,helvetica,arial;
    margin:0px;
    margin-top:3px;
}

#chooseAState OPTION{
    color:#187027;
}

#topNav {
    float:right;
    margin:0px;
    padding:0px;
    width:426px;
    height:48px;
}

#topNavState {
    float:right;
    margin:0px;
    padding:0px;
    width:495px;
    height:48px;
}

#join {
    background-image:url(images/img_grad_join.jpg);
  background-position:top;
  background-repeat:repeat-y;
    background-color:transparent;
    margin:0px;
    padding:0px;
    width:426px;
    height:40px;
}

#joinState {
    background-image:url(images/img_grad_join.jpg);
  background-position:top right;
  background-repeat:repeat-y;
    background-color:transparent;
    margin:0px;
    padding:0px;
    width:495px;
    height:40px;
}

#joinText {
    font-family:vrinda,verdana,helvetica,arial;
    font-size:230%;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    padding-top:10px;
    margin-left:360px;
}

#joinText A {
    color:#869751;
}

#joinTextState {
    font-family:vrinda,verdana,helvetica,arial;
    font-size:230%;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    padding-top:10px;
    margin-left:430px;
}

#joinTextState A {
    color:#869751;
}

#submenu {
    background-image:url(images/img_submenu_block.jpg);
  background-position:top;
  background-repeat:no-repeat;
    background-color:transparent;
    float:right;
    margin:0px;
    padding:0px;
    margin-top:10px;
    padding-top:8px;
    padding-left:15px;
    width:423px;
    height:48px;
}

#submenu A {
    font-family:verdana,helvetica,arial;
    font-size:90%;
    color:black;
    margin-right:10px;
}

#submenu A:hover {
    color:#869751;
}

#submenu2 {
    margin:0px;
    padding:0px;
    text-align:right;
    margin-right:10px;
    margin-top:3px;
}

#submenuState {
    float:left;
    text-align:right;
    margin-top:-1px;
}

#submenuState A {
    font-family:verdana,helvetica,arial;
    font-size:90%;
    color:black;
    margin-right:10px;
}

#submenuState A:hover {
    color:#1E3C78;
}

#blurbBlock {
    position:relative;
    left:60px;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

#blurbBlock2 {
    float:right;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

#blurb { /* controls "Grow your biz in" */
    font-style:italic;
    margin-right:5px;
}

#state { /* controls 'state name' */
    letter-spacing:4px;
    font-weight:bold;
    font-variant:small-caps;
}

#bodyBlock {
    background-image:url(images/img_bodyblock.jpg);
  background-position:top left;
  background-repeat:no-repeat;
    background-color:white;
    width:668px;
    height:396px;
}

#formBoxes {
    float:right; 
    margin-right:20px;
}

#formBoxes2 {
    float:right;
    margin-top:10px;
}

.searchSub {
    float:left;
    margin-top:0px;
    margin-right:10px;
}

#chooseState {
    margin:0px;
    margin-top:3px;
}

#chooseState2 {
    margin:0px;
}

#searchFont {
    font-size:12px;
}

#subscribeFont {
    font-size:90%;
}

/* END HEADER */

.leftBlockText {
    margin:5px;
}

.required {
    background-color:#DFE1EE;
    padding:5px;
}

#dgfLogo {
    margin:4px;
}

#buzDescribed {
    font-family:times;
    font-size:110%;
    color:#323896;
    width:600px;
    margin-left:30px;
}

#buzDescribed A {
    color:#323896;
}

#buzDescribed A:HOVER {
    text-decoration:none;
}

#buzDescribed2 {
    font-family:times;
    font-size:110%;
    color:#218431;
    text-align:center;
    margin-top:0px;
}

#buzDescribed2 A {
    color:#218431;
}

#buzDescribed2 A:HOVER {
    text-decoration:none;
}

#bodyPadding {
    padding-left:10px;
    padding-right:10px;
    margin-top:0px;
    padding-top:0px;
}

#bodyBlock2 {
    background-image:url(images/img_bodyblock2.gif);
  background-position:top left;
  background-repeat:no-repeat;
    background-color:white;
    width:669px;
    clear:left;
	margin-top:40px;
}

#smlBizRePart { /* controls subtitle box on FH category pages */
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-color:#323896;
    font-style:italic;
}

#listingNav {
    margin-bottom:0px;
    margin-top:0px;
    clear:left;
}

#listingNav A {
    margin-right:102px;
    font-weight:bold;
}

#regBizExample {
    border:solid 1px blue;
    padding:3px;
}

/* END MISC */

.floatRight {
    float:right;
}

.floatLeft {
    float:left;
}

This CSS will give you the gap in Firefox and IE.

If you wanna zip up your images folder and send that my way, I can help you with the other IE errors.

bukwus · 06-05-2008, 12:17 PM

Sure. Where should I send that to?

CrazeD · 06-05-2008, 01:59 PM

You can post it as an attachment, or email me if you like.

crazedizzled@gmail.com

Member Login