1 Reply Latest reply on Mar 8, 2010 12:17 PM by Nancy OShea

    DIV Issue - browser compatibility

    ry1633

      Hi all,

       

      This is my first post here.  I'm using Dreamweaver CS3 and CS4.  This is the site that I'm having troubles with:  http://smg.ryansheeler.com

       

      Its fine with Firefox - but in IE 7 and 8 both the DIVs with the list in them are skewed to the right and the text gets cut off.   I know its a browser compatibility/code problem but I can't find where.     Please help    Below is the CSS file its attached too:

       

      -ryan

       

      body
      {margin-bottom:0px;
      margin-left:0px;
      margin-right:0px;
      margin-top:0px;
      background-color:#B02025;
      text-align:left;
      font-family:arial;
      font-size:14px;
      }
      .links
      {font-family:tahoma;
      width:145px;
      font-size:11px;
      text-align:center;
      text-transform:uppercase;
      font-weight:bold;
      text-decoration:none;
      }
      .links a
      {color:#ffffff;
      text-decoration:none;}
      .links:ahover
      {color:#B02025;
      text-decoration:none;}
      .sap
      {font-family:tahoma;
      width:1px;
      font-size:11px;
      text-align:center;
      font-weight:bold;
      color:#ffffff;
      }
      .heading
      {font-family:arial;
      font-size:12px;
      color:#000000;
      font-weight:bold;
      height:32px;
      padding-left:10px;
      }
      .border
      {border-left:12px solid #000000;
      border-right:12px solid #000000;}
      .name
      {font-family:"trebuchet ms";
      font-size:40px;
      color:#ffffff;
      padding-left:10px;}
      .tag
      {color:#ffffff;
      padding-left:12px;}
      #main
      {padding-left:10px;
      padding-bottom:10px;
      padding-right:10px;}
      a{color:#B02025;
      text-decoration:underline;
      font-weight:bold;}
      a:hover{color:#B02025;
      text-decoration:none;}
      .copy{color:#000000;
      text-decoration:underline;
      font-weight:bold;}
      .copy:hover{color:#000000;
      text-decoration:none;}
      .quicklinks{
      padding-left:15px;
      font-size:11px;
      font-family:tahoma;
      height:35px;
      clear:left;
      border-bottom:1px solid #ffffff;}
      .quicklinks a{
      color:#B02025;
      text-decoration:none;}
      .quicklinks a:hover{
      color:#000000;
      text-decoration:none;}