Dynamic Feed Wizard displays title and subtitle on same line

[darkstarmedia.net]

Hello,

I am using the Dynamic Feed Wizard from google and I downloaded and
editted the CSS page to suit my website. it works fine on my computer
(macintosh) I am now viewing it on windows and i see that it is broken
on both IE and firefox.

it displays both the blog title and the post title on the same line
and squishes them into 2 columns. I am going crazy, i cant find any
way to change in the CSS to make it work on windows, ive tried adding
padding, margins, float, clear.. nothing will break it into 2 lines
like it does on mac.

you can view it here....
http://www.darkstarmedia.net

this is my cusom css which is perfect on mac....

.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
font-family : Verdana, Helvetica, sans-serif;
        font-size : 11px;
}

.gfg-title {
/*    color : #ddcdb9;  */
font-size: 10px;
  font-weight : bold;
  color : #000066;
  line-height : 18px;
  overflow : hidden;
  white-space : nowrap;
  float:left;

}

.gfg-title a {
        /*      color : #04326d;  */
        font-size: 10px;
  color : #000066;
    line-height : 18px;
  text-decoration:none;
  float:left;
}



.gfg-subtitle {
font-size: 11px;
  font-weight : bold;
  /*      color : #000000;  */
  color : #000066;
  line-height : 18px;
  overflow : hidden;
  white-space : nowrap;



}

.gfg-subtitle a {
         /*      color : #000000;  */
  color : #000066;
}

.gfg-entry {
  width : 100%;
  position : relative;
  overflow : hidden;
  text-align : left;

}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  width : auto;
  height : 100%;
  padding-left : 0px;
  padding-right : 0px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 2px;
}

.gfg-listentry {
  line-height : 18px;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
}

.gfg-listentry-odd {
}

.gfg-listentry-even {
}
.ie .gfg-listentry-highlight {
  background-image : url('images/garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}
.gfg-listentry-highlight {
  background-image : url('images/garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */
.gfg-root .gfg-entry .gf-result .gf-title {
                  /*      color : #ff9120;  orange  */
   color : #000000;
   font-weight:600;

  font-size: 11px;
  line-height : 18px;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;

}




}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 6.8em;
          /*      color : #04e333;  */
  margin-top : 0px;

}

/*
 * Easy way to get horizontal mode, applicable via js options to
gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 18px;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Verdana", sans-serif;
  font-size: 11px;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  line-height : 18px;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
}

.gfg-horizontal-root .gfg-title a {
          /*      color : #04e333;  */
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  width : 100%;
  height : 100%;
  line-height : 18px;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
          /*      color : #0000cc;  */
  color: #000066;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display: none;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.ie .gfg-collapse-open {
  background-image : url('images/garrow.gif');
}

.ie .gfg-collapse-closed {
  background-image : url('images/garrow.gif');
}


.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}














--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google AJAX APIs" group.
To post to this group, send email to Google-AJAX-Search-API@googlegroups.com
To unsubscribe from this group, send email to 
google-ajax-search-api+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/Google-AJAX-Search-API?hl=en
-~----------~----~----~----~------~----~------~--~---