Hi Everyone,

My problem is this if you go to www.seeclearsystems.com/drawdesign/create.asp and click on teh sub nav to show a portfolio and then jump through the portfolio list by clicking on the numbers everything works fine.

However if you go to www.seeclearsystems.com/drawdesign/think.asp and click on the subnav on the left hand side it goes to the create.asp page perfectly fine and it displays the portfolio I want it to display by grabbing the id off the querystring but when you click on another number the text overlaps the existing text that was already there.

No for some reason this only happens when there is something in teh query string e.g www.seeclearsystems.com/drawdesign/create.asp?page=1 but if teh URL looks like this www.seeclearsystems.com/drawdesign/create.asp everything works great.

I attached my stylesheet should it be of any help but I have tried everything I can think of to make this work.

/* CSSTest Style Sheet */
body {
background-color: #ffffff;
color: #000000;
margin: 0px
}
#main-table_create {
background-image: url(../images/background_create2.gif);
margin: 0px;
position: absolute;
width: 760px;
height: 580px;
background-repeat: no-repeat;
}
#main-table_think {
background-image: url(../images/background_think2.gif);
margin: 0px;
position: absolute;
width: 760px;
height: 580px;
background-repeat: no-repeat;
}
#main-table_evoke {
background-image: url(../images/background_evoke2.gif);
margin: 0px;
position: absolute;
width: 760px;
height: 580px;
background-repeat: no-repeat;
}
#think-bg {
margin: 0px;
position: absolute;
width: 133px;
height: 500px;
margin-top: 20px;
background-repeat: no-repeat;
}
#think-image {
margin: 0px;
position: absolute;
margin-left: 136px;
margin-top: 4px;
}
#create-image {
margin: 0px;
position: absolute;
margin-left: 136px;
margin-top: 4px;
}
#evoke-image {
margin: 0px;
position: absolute;
margin-left: 136px;
margin-top: 4px;
}
#header-think {
margin: 0;
position:absolute;
margin-left: 395px;
margin-top: 91px;
padding-bottom: 0px;
}
#header-create {
margin: 0;
position:absolute;
margin-left: 395px;
margin-top: 91px;
padding-bottom: 0px;
}
#draw-logo {
margin: 0;
position:absolute;
margin-left: 0px;
margin-top: -20px;
padding-bottom: 0px;

}
#think-nav {
margin: 0;
position:absolute;
margin-left: 219px;
margin-top: 155px;
margin-bottom: 0px;

}

* html>body #think-nav {margin-top: 155px}
#create-nav {
margin: 0;
position:absolute;
margin-left: 269px;
margin-top: 155px;
margin-bottom: 0px;

}
#evoke-nav {
margin: 0;
position:absolute;
margin-left: 336px;
margin-top: 155px;
margin-bottom: 0px;

}
/*#left-menu {
float: left;
background-color: #ffffff;
position: relative;
margin-left: 10px;
top: 280px;
width: 210px;

}*?
/* Adjusts width for IE-PC \*/
/** html #left-menu {width: 200px;}*/
/* Adjusts width for IE-PC */

/*ul {
list-style-image: url("../images/list.gif");
text-align: left;
font-weight: bold;
font-family: "arial";
font-size: 10.5px;
color: #808285;

}*/
/* Adjusts font size for IE-PC \*/
/** html ul {font-size: 11px;}*/
/* Adjusts font size for IE-PC */
/*li {
padding-top: 0px;
padding-bottom: 10px;
}*/
/*#right-content {
float: left;
padding-left: 2px;
width: 550px;
position:relative;
margin-top: 250px;
padding-bottom: 20px;
}*/
.header {
text-align: left;
font-weight: bold;
font-family: "Arial";
font-size: 14px;
color: #9B8F72;
line-height: 20px;
}
.normaltext {
text-align: left;
font-weight: normal;
font-family: "Arial";
font-size: 12px;
color: #000000;
line-height: 18px;
}
.normaltextbold {
text-align: left;
font-weight: bold;
font-family: "Arial";
font-size: 12px;
color: #000000;
}

.normaltextgreen {
text-align: left;
font-weight: normal;
font-family: "arial";
font-size: 12px;
color: #9B8F72;
}
#main-content {
background-color: #ffffff;
position: absolute;
margin-left: 210px;
margin-right: 180px;
margin-top: 220px;
padding: 10px;
width: 550px;
margin-bottom: 10px;
}
* html #main-content {margin-top: 230px}
* html>body #main-content {margin-top: 245px}

#navbar {
background-color: #ffffff;
position: absolute;
top: 295px;
left: 15px;
width: 200px;
text-align: left;
font-family: "Arial";
font-size: 11px;
font-weight: bold;
line-height: 14px;
}
/* IE PC HACK */
* html #navbar {margin-top: 5px;left: 5px;}
/* IE PC HACK */
/* IE MAC HACK */
* html>body #navbar {margin-top: -6px;left: 5px;}
/* IE MAC HACK */

#navbar a:link, #navbar a:visited {
display: block;
font-weight: bold;
color: #808285;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 30px;
text-decoration: none;
}

#navbar a:hover {
color: #000000;
}

#createcontent {
position:relative;
margin-left:0px;
margin-top:0px;
width:550px;
height:291px;
border:1px solid #cccccc;
overflow:hidden;
}
.slashes {
color: #9B8F72;
font-family: "Arial";
font-weight: bold;
font-size: 12px;
}
#links {
margin-bottom: 15px;
margin-top: 15px;
text-align:left;
font-family: "Arial";
font-weight: normal;
font-size:12px;
color: #808285;
text-decoration: none;
}

#links a:link {
color: #808285;
font-weight: bold;
text-decoration: none;
}
#links a:visited {
color: #808285;
font-weight: bold;
text-decoration: none;
}
#links a:hover {
color: #000000;
text-decoration: none;
}
*>#links{margin-top: 20px;}
.txt {
position:absolute;
margin-left:0px;
margin-top:0px;
width:290px;
font-family: "Arial";
font-size:11px;
text-align:left;
padding: 2px;
visibility:hidden;
}
#numbersid {
margin-left: 490px;
margin-top: -280px;
font-family: "Arial";
font-size:1.08em;
color: #000000;
font-weight: bold;
text-decoration: none;
width: 250px;
}
#numbersid a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#numbersid a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#numbersid a:hover {
color: #808285;
font-weight: bold;
text-decoration: none;
}
#numberscomms {
margin-left: 480px;
margin-top: -280px;
font-family: "Arial";
font-size:1.08em;
color: #000000;
font-weight: bold;
text-decoration: none;
width: 250px;
}
#numberscomms a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#numberscomms a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#numberscomms a:hover {
color: #808285;
font-weight: bold;
text-decoration: none;
}
#numbersweb {
margin-left: 508px;
margin-top: -280px;
font-family: "Arial";
font-size:1.08em;
color: #000000;
font-weight: bold;
text-decoration: none;
width: 250px;
}
#numbersweb a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#numbersweb a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#numbersweb a:hover {
color: #808285;
font-weight: bold;
text-decoration: none;
}
#caption {
position: absolute;
margin-left: 385px;
margin-top: 45px;
width: 155px;
font-family: "Arial";
font-size: 12px;
color: #000000;
font-weight: bold;
padding: 2px;
line-height: 16px;
}
.captiontext {
font-family: "Arial";
font-size: 12px;
color: #666666;
font-weight: normal;
line-height: 16px;
}

Appreciate any assistance that anyone can give

Kind Regards

Brad