CSS - Problem Identifying Problem

I am new to css so I'm not sure what I've done wrong. My site looks exactly how I want it to in firefox but in ie, the middle column is too wide on the right side and is covering up the menu on the right. Any ideas as to what I've done wrong?

the site: www.list3n.com
the css: www.list3n.com/css/global.css

Hi all...I am simply trying to create a header (colored bar). Every thing is fine, even in IE 8 but when it comes to IE 6, the bar does not appears. The code is simple

CSS code is

Code:

#css
{
position:absolute;
top:0px;
height:30px;
right:0%;
left:0%;
background-color:#805670;
border-style:solid;
border-width:thin;
border-color:#805670;
padding-top:12px;
}

and I have just added this line in my .php page

Code:

<div id="mybio"></div>

What can be the problem??

Hello,

I'm new here and to CSS too. I've tried to fix this bug I had for a while, but haven't found any decent answers.

My problem resolves around this page :

http://www.dessinsdrummond.com/house_plans_collection.html

In IE, the page seems to appear correctly, however, in Firefox, the white DIV doesn't follow the content of my page, thus the layout doesn't appear very well... I'm guessing it is because the float property is set... I wonder if there is any ways to fix this problem.

Thanks!

Hi i have built a navigation system with css controled list, with dropdown effects that works well in both IE6 and FF 1.5 but the problem is that in FF the menu bar is not taking all the space that it is given to him (750px) on the right end of the menu navigation bar there is a white space that i can't get ride of. The navigation bar background is orange!

In IE there is no problem the entire navigation bar is Orange, but in FF there is 6px white space on the right end!

here si the code, i have added background almost everywhere to make taht space the same color as the rest of the menu but it doesn't help!


CSS
Code:

/* Positionning & Structure of 1st Level Menu */
#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 750px;
	display: block;
	background-color: #DA5D09;
	}
/* Positionning & Structure for Sub-Menus */
#navigation ul{
    display:block;
    /*margin:0;*/
    padding:0;
    list-style: none;
    margin: 0;
    background-color: #DA5D09;
    border-style: solid;
    border-color: #fff;
    border: 1px;

    }
	
#navigation li ul {
	position: absolute;
	top: 173px;
	display: none;
	}

/* Structure for 1st level Menu Items */
#navigation li {
    list-style: none;
    width: 124px;
    height: auto;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #DA5D09;
	}
/* Structure for Sub-Menu Items */
#navigation li li {
  display: block;
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 124px;
}


/* Styles for 1st level Menu Items */
#navigation li a{
    text-align: center;
    background: #DA5D09;
    border-width: 0 2px 0 0;
    border-color: #fff;
    border-style: solid;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    margin: 0;
        }
/* Styles for Sub-Menu Items */
#navigation li li a{
    text-align:left;
    background: #DA5D09;
    border-width: 1px 0 0 0;
    border-color: #fff;
    border-style: solid;
    font-size: 10px;
    display: block;
    text-decoration: none;
    padding: 5px;
    margin: 0px;
        }
/* The magic */
#navigation li:hover ul, #navigation li.over ul { display: block; }

The XHTML
Code:

<ul id="navigation">
    <li><a href="#">Home</a></li>
    <li><a href="#">Features</a>
      <ul>
        <li><a href="#">Muzik News</a></li>
        <li><a href="#">Interviews</a></li>
        <li><a href="#">Reviews</a></li>
      </ul>
    </li>
    <li><a href="#">Lifestyle</a>
      <ul>
        <li><a href="#">Urban reports</a></li>
        <li><a href="#">Style & Gear</a></li>
        <li><a href="#">Sports Corner</a></li>
      </ul>
    </li>
    <li><a href="#">Community</a>
      <ul>
        <li><a href="#">Forums</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">Calendar</a></li>
      </ul>
    </li>
    <li><a href="#">Muzik</a>
      <ul>
        <li><a href="#">Muzik Lounge</a></li>
        <li><a href="#">Online Radios</a></li>
      </ul>
    </li>
    <li><a id="lastright"  href="#">Muzik Store</a></li>
  </ul>

The navigation UL is included in a global div (that contains the entire page) of 750 px as well!

I am a real newbie with css based design so you might notice my code is not very logic all the time and has a lot os redundancy but at least i am trying to convert to this new paradigm!

Thx in advance for the help!

Hello there

We hire designer who make for us "table unless tabular data design" on our site http://www.netincusa.com/

we test it, it works well in ie (5-6),FF and Opera

yesterday one of our customers told, that in IE 7 site have terrible look.

unfortunately i haven't IE7 just now, going to install is tomorrow, can u advise how can i correct this error ?

is it so hard to do it myself (i have 'html' knowledge)

thank you

Check this url > http://tinyurl.com/26lfqk with mozilla or ie7 and you will see that is ok... if i use ie6 the left menu is moving down... can anybody help me?


the css is
Code:

/* Hot Property's CSS File */
#hp_con1 {
}
/****** Global Containers ******/
#con_global {width: 98%;}
/****** Headings ******/
#heading_Agent, #heading_Co, #heading_Prop, #heading_Type, #heading_Types, #heading_Featured, #heading_Search, #heading_AdvSearch, #heading_Co_Contact, #hp_view_agent_title, #hp_view_agent_contact, #hp_ManageProp, #hp_EditProp
{
font-size: 12px;
font-weight: bold;
color: #616161;
background-color: #FFFFF1;
margin-bottom: 0px;
text-align: left;
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #D8D8D8;
}
/****** Borders ******/
#hp_view_agent_con, #hp_emailform_con, #hp_searchresult_con, #hp_view_co_con {
background-color: #2C3336;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
padding: 10px;
text-align: left;
}
/****** Features ******/
#hp_view_features_title {
font-size: 16px;
font-weight: bold;
color: #616161;
text-decoration: underline;
margin-top: 16px;
margin-bottom: 6px;
}
/****** Featured ******/
#con_featured1 { }
/****** Search ******/
#con_search1 { }
#con_search2 { }
#con_asearch1 { }
#con_asearch2 { border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; background-color: #2C3336}
.hp_asearch_row0 { background-color: #2C3336; }
.hp_asearch_row1 {background-color: #2C3336; }
#con_sort1 {
width: 120px;
text-align: left;
display: inline;
}
#con_sort2 {
text-align: right;
display: inline;
width: 370px;
}
#con_sort {
background-color: #2C3336;
padding: 5px 5px 5px 7px;
margin-bottom: 6px;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
/****** Search - Page Counter ******/
#hp_search_pagecounter_top {
margin-top: 10px;
text-align: center;
}
#hp_search_pagecounter_bottom, #hp_pagecounter_bottom {
margin-top: 5px;
text-align: center;
padding: 6px;
background-color: #2C3336;
border: 1px solid #C0C0C0;
display: block;
}
/****** Front Page - Types******/
#con_types1 { }
#con_types2 { }
.con_types3 {
float: left;
width: 50%;
vertical-align: top;
padding: 5px;
text-align: left;
}
/****** Listing ******/
#list_agents, #list_searchresults, #list_properties, #list_featured {
margin-top: 15px;
text-align: left;
}
/****** Listing - Property ******/
#hp_icons {
text-align: right;
padding-top: 5px;
}
.hp_prop {
width: 100%;
display: block;
float: left;
text-align: left;
margin-bottom: 10px;
}
.hp_details {
width:50%;
vertical-align: top;
padding-left: 8px;
float: left;
}
/****** Type ******/
#con_type1 { }
.types_desc {
margin-top: 3px;
margin-bottom: 5px;
}
/****** Company ******/
.hp_view_co { }
#hp_view_co_photo {
float: left;
margin-right: 12px;
}
#hp_view_co_details {min-height: 170px;}
#hp_caption_coname {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
/****** Property ******/
#con_hp1 { }
#con_hp2 { }
.hp_view_details {
font-size: 13px;
vertical-align: top;
padding-left: 7px;
padding-top: 10px;
text-align: left;
border:0px solid #C0C0C0;
line-height: 20px;
}
#standard_photo { }
#hp_view_intro_text {
line-height: 15px;
margin: 7px 0px 0px 0px;
}
#hp_view_full_text {
line-height: 15px;
margin: 7px 0px 0px 0px;
}
.hp_caption {font-weight: bold;}
.hp_price {color: #CE1400; font-size: 13px;}
/****** Property -Photo ******/
#hp_view_standard_photo_con1 {
text-align: center;
background-color: transparent;
margin: 10px;
}
#hp_view_standard_photo_con2 {
text-align: center;
float: center;
margin: 0px 20px 0px 20px;
width: 300px;
background-color: #2c3336;
padding: 1px;
}
#hp_view_standard_photo_con3 {
text-align: center;
width: 80;
background-color: #2c3336;
}
#hp_view_standard_photo_con4 {padding: 5px;}
#hp_view_standard_photo_title {font-weight: bold; color: white;}
#hp_view_standard_photo_desc {
}
.hp_view_thumb_con {
height: 120px;
display: table;
padding: 0px 5px 10px 0px;
margin-left: auto;
margin-right: auto;
}
.img_thumb {
width:120px;
vertical-align: top;
float: right;
text-align: center;
padding: 0px;
margin: 1px 1px 1px 10px;
border: 0px solid #C0C0C0;
}
ul.thumb {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 485px;
list-style: none;
}
ul.thumb li {
text-align: center;
float: left;
margin: 1em;
list-style-image: none;
background-color: #c0c0c0;
}
ul.thumb li a {
text-decoration: none;
color: #00f;
}
ul.thumb li a img {
}
/****** List ******/
.olist { list-style-type: disc; margin: 3px 0px 0px 15px; padding: 0px; text-align: left;}
.olist li {
padding: 0px; }
/****** Agent ******/
#hp_view_agent_photo {
padding: 5px;
display: inline;
float: left;
margin-right: 12px;
}
#hp_view_agent_details {padding: 5px;}
.hp_view_agent {
font-size: 13px;
text-align: left;
}
#hp_view_agent_desc {
margin: 10px 10px 0px 10px;
}
#hp_caption_agentname {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
/****** Address ******/
#hp_view_addr, #hp_co_addr {
margin: 6px;
font-size: 11px;
line-height: 15px;
}
/* Links */
a.hp_title:link, a.hp_title:visited {
font-size: 15px;
color: #CE1400;
font-weight: bold;
text-decoration: underline;
}
a.types_title:link, a.types_title:visited {
font-size: 15px;
font-weight: bold;
text-decoration: underline;
}
/* Types List of Hot Property */
.types_hp { margin: 3px 0px 0px 0px; padding: 0px; text-align: left;}
/* misc */
.clearboth {clear: both;}
/* Error - Empty, no property */
#hp_error_empty {text-align: center;}

The problem is with the two small images , all other pages are ok ( even the same page for another property, if there are two or more pics the problem appears. e.g http://tinyurl.com/yvvwqy )

I have a big problem with css in both IE and FF I don't know what's going on i'm making a navigation menu with submenu from some elements when i display the submenu from the element the square bullets isn't displayed beside the list item from the submenu and it's required in firefox and even the hover effect isn't displayed correct in FF also and it's displayed in IE correctly and in some page the conetnt was wholy distroyed in IE and display correct in FF with it's bugs and in dream weaver the design is going ok and i'm using a strict DTD i don't know what's wrong and what's going on ???

I've got this little navigation menu, everything works in Opera and Firefox, but in IE the border overlaps the whole thing.. See at http://www.leetwebmasters.com/2.0

CSS:
Code:

#menu3 {
   width: 200px;
   border:1px solid #BCD2E6;
   border-style: solid solid none solid;
   }
   
#menu3 li a {
     height: 24px;
   text-decoration: none;
   }   
   
#menu3 li a:link, #menu3 li a:visited {
   color: #8BADCF;
   display: block;
   background:  url(menu3.gif);
   padding: 8px 0 0 10px;
   }
   
#menu3 li a:hover {
   color: #627EB7;
   background:  url(menu3.gif) 0 -32px;
   padding: 8px 0 0 10px;
   }
   
         #menu3 li {
   list-style:none;
   }

   
   #menu3 ul {
   padding-top:0px;
   margin-top:0px;
   padding-left:0px;
   margin-left:0px;
   }

I have a really annoying issue with IE6. I've gotten the page to work properly for any other browser (FF, Safari, IE7, Opera), but IE6 screws the way the page looks.

Can someone please give me some ideas as to how to change the CSS or HTML so that I fix this problem but at the same time don't cause problems with other browsers?

sbcclending.com/test/

Thanks
RG

Hey guys.

I made a little news script for my site, but if I submit more than 1 news "article" IE doesn't style it. It will style the first article though. In FF everything is fine... If you view it in firefox you will see what im talking about.

To see it visit http://www.leetwebmasters.com/beta_site/test2/

Where it says "THIS TEXT SHOULD BE GRAY", that part is the title and everything on that line should be gary, then below it is the news, "meh".

Here is my code:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="styles/style.css" />
</head>

<body>
<div id="container">
<div id="topbanner"><img src="images/topbanner.gif" /></div>
<div id="mainbanner"><img src="images/mainbanner.gif" /></div>


<div id="navbox">
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
</div>
<!-- END NAVBOX -->
</div>


<div id="viewnews">
<?php
include('');
$query = "SELECT * FROM articles LIMIT 4";
$rs = mysql_query($query) or die (mysql_error());


while($row = mysql_fetch_object($rs)) {
print "<div class=\"title\">";
print "Title: ".$row->title ." | Submitted on: ". $row->date . " | Submitted by user: ". $row->submitted_by;
print "</div>";

print "<div class=\"news\">";
print "News submitted:<br /> ".$row->news;
print "</div";
}
?>
</div>


<!-- END CONTAINER -->
</div>
</body>
</html>

CSS:
Code:

#container
{
width:950px;
margin:auto auto;
}
#mainbanner
{
clear: both;
}

#viewnews
{
float: right;
width:750px;
height:450px;
}

.title {
float: right;
background-color:#D6D6D6;
width:750px;
height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.news
{
background-color:#F5F5F5;
}

#navigation
{
float: left;
width: 200px;
}

#navigation ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#navigation li { 
	border-bottom: 1px solid #828282; 
}

#navigation li a:link, #navigation li a:visited {
    font-size: 90%; 
    display: block; 
    padding: 0.4em 0 0.4em 0.5em; 
    border-left: 12px solid #828282;
    border-right: 1px solid #828282;
	background-color:#939393; 
	color:#EDEDED;
	text-decoration: none; 
	}
	
#navigation li a:hover {
	background-color:#AAAAAA;
}

Can someone please help me? I can't figure out what is wrong

i'd like to align my table to the left, i ve tried so many stuff but cant get it....
in html
something like this

<table width="75%" border="0" align="left">

what is the css way of getting this result...

pls help me out...

Hey guys, quick CSS question:

If you go to: http://www.tombraiders.net/katie/MyTombRaiderStories.html and preview it in IE *first* you'll see how it's supposed to look.

Now if you look at it in Firefox you'll see the problem. Any idea how to fix this??

Thanks!

all i want is a nav column to stick to the left side of the page using the box i created in imageReady to be the background. but i can't get the box to stop tiling when i set it as the bg nor can i get my buttons to align with the box. i've only been using css for a few hours now so sorry if this is a complete noob question. i'm using an external css file but not for displaying images. for some reason i can't get it show them so i've using style snipets in the html file to display the backgrounds. also my css file isn't finished yet so it's still got some unedited syntax from where i copied and pasted. here's the code

css -
css Code:
Original - css Code <style type="text/css"> body { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #header { margin: 20px; padding: 10px; height: 100px; } #left { position: absolute; left: 15px; top: 160px; width: 150px; } #center { top: 0; margin-left: 230px; margin-right: 15px; } #navbox { position: absolute; left: 15px; top: 160px; width: 200px; } A:link { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } A:visited { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } A:active { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } A:hover { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; cursor: default; h1 {font-family: Arial, Helvetica, sans-serif; color: #000000 } p {font-family: Arial, Helvetica, sans-serif color: #000000 } </style>

  

  


 <style type="text/css">


 body 


 { 


   margin-top: 0;


   margin-bottom: 0;


   margin-left: 0;


   margin-right: 0;


   padding-left: 0;


   padding-right: 0;


 }


 #header {


 margin: 20px;


 padding: 10px;


 height: 100px;


 }


 #left { 


 position: absolute;


 left: 15px;


 top: 160px;


 width: 150px;


 }


 #center {


 top: 0;


 margin-left: 230px;


 margin-right: 15px;


 }


 #navbox {


 position: absolute;


 left: 15px;


 top: 160px;


 width: 200px;


 }


  


  


  


 A:link


 { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }


 A:visited


 { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }


 A:active


 { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }


 A:hover


 { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000;


  


 cursor: default;


  


 h1 {font-family: Arial, Helvetica, sans-serif; 


 color: #000000 } 


  


 p {font-family: Arial, Helvetica, sans-serif 


 color: #000000 } 


  


 </style> 

html -
html4strict Code:
Original - html4strict Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " i had to omitt this cause of the new member link posting rule"> <html> <head> <title>Oblivious Creations</title> <link rel="stylesheet" type="text/css" href="../website.css"/> <style type="text/css"> body { background-image:url(../Images/main_bgimg.gif) } </style> <body> <div id="header"> This is the header </div> <div id="center"> <p>This is the center </p> </div> <div id="left"> <p style="background-image:url(../Images/main_nav_bg.gif)"> </p> </div> </body> </html>

  

  


 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


 " i had to omitt this cause of the new member link posting rule">


 <html>


 <head>


 <title>Oblivious Creations</title>


 <link rel="stylesheet" type="text/css" href="../website.css"/>


 <style type="text/css">


 body  {


 background-image:url(../Images/main_bgimg.gif)


 }


 </style>


 <body>


 <div id="header">


 This is the header


 </div>


  


 <div id="center">


   <p>This is the center


   </p>


 </div>


  


 <div id="left"> 


 <p style="background-image:url(../Images/main_nav_bg.gif)">


  


 </p>


 </div>


  


  


 </body>


 </html> 

Here is the link to the webpage

The in the 2nd section, the Pharma Newsletter heading is to the right instead of the left and I can not figure out how to fix it. I have tried text align and other things, but can not figure out how to fix it without causing even more problems. It is perfect in IE 7 and FF.

Here is the html: Code:

 <h1>Vitalink Newsletter</h1>
    <div class="serviceblock lineright"> <a href="../pdf_library/newsletter/Vitalink_Volume_3.pdf" target="_blank"><img src="../images/resources/vitalink-3.jpg" alt="Vitalink Volume 3" /></a> 
      <div class="parea100"> 
        <h1>Vitalink Volume 3</h1>
        <p>Quality Spirometry for Clinical Trials</p>
        <p>Over-reading - The Quality Game</p>
        <p>(PDF 348 KB)</p>
      </div>
      <a href="../pdf_library/newsletter/Vitalink_Volume_3.pdf" target="_blank" class="morelink">Download</a> 
    </div>
    <div class="serviceblock lineright"> <a href="../pdf_library/newsletter/Vitalink_Volume_2.pdf" target="_blank"><img src="../images/resources/vitalink-2.jpg" alt="Vitalink Volume 2" /></a> 
      <div class="parea100"> 
        <h1>Vitalink Volume 2</h1>
        <p>Introducing the New <br />
          ATS/ERS Guidelines</p>
        <p>Spirometry Training is Essential</p>
        <p>(PDF 583 KB)</p>
      </div>
      <a href="../pdf_library/newsletter/Vitalink_Volume_2.pdf" target="_blank" class="morelink">Download</a> 
    </div>
    <div class="serviceblock"> <a href="../pdf_library/newsletter/Vitalink_Volume_1.pdf" target="_blank"><img src="../images/resources/vitalink-1.jpg" alt="Vitalink Volume 1" /></a> 
      <div class="parea100"> 
        <h1>Vitalink Past Issues</h1>
        <p><a href="../pdf_library/newsletter/Vitalink_Volume_1.pdf" target="_blank">Volume 
          1<a></p>
      </div>
      <a href="#" target="_blank" class="morelink"></a> </div>
    <div id="pharma"> 
      <h1>Pharma Newsletter</h1>
    </div>
    <div class="serviceblock lineright"> <a href="../pdf_library/newsletter/pharma_april2006.pdf" target="_blank"><img src="../images/resources/pharma_newsletter_apr.jpg" alt="Pharma April 2006" /></a> 
      <div class="parea85"> 
        <h1>Pharma April 2006</h1>
        <p>The Pharma Newsletter provides up to date information on Vitalograph's 
          latest respiratory clinical trials products and services. (PDF 49 KB)</p>
      </div>
      <a href="../pdf_library/newsletter/pharma_april2006.pdf" target="_blank" class="morelink">Download</a> 
    </div>
    <div class="serviceblock lineright"> <a href="../pdf_library/newsletter/pharma_newsletter_Jan2006.pdf" target="_blank"><img src="../images/resources/pharma_newsletter_jan.jpg" alt="Pharma January 2006" /></a> 
      <div class="parea85"> 
        <h1>Pharma January 2006</h1>
        <p>The Pharma Newsletter provides up to date information on Vitalograph's 
          latest respiratory clinical trials products and services. (PDF 76 KB)</p>
      </div>
      <a href="../pdf_library/newsletter/pharma_newsletter_Jan2006.pdf" target="_blank" class="morelink">Download</a> 
    </div> 

Here is the css: Code:

#main {
	float:left;
	width:675px;
	border-left:1px dotted #999999;
	padding:0px 0px 0px 31px;
	color:#0ab0f0;
	margin:0px 0px 0px 11px;
	position: relative;
}

#main h1 {
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:0px;
	color:#0ab0f0;
	text-align: left;
}

#pharma h1 {
	font-weight:normal;
	color:#0ab0f0;

}

.serviceblock {
	width:200px;
	float:left;
	margin:10px 0px 0px 0px;
}

.linerightnav {
	border-right:1px dotted #999999;
	margin:0px 20px 0px 0px;
}

.lineright {
	border-right:1px dotted #999999;
	margin:10px 20px 0px 0px;

}

I did not create the website, but I am not responsible for fixing it. Any help or a point in the right direction how to fix this would be greatly appreciated.

Thanks!

Hi, i have a problem with a layout of a website in IE7 when i open the website first the layout is broken, when i resize the window the layout is how it should be, anyone come accross this before?