boxes, changing one. Options

[xklynn9x]

where it is lime green in this layout, i wanted it to be a picture, but still keep the boxes white adn the background white. i only wanted the picture where the lime green is. is that even possible? let me know if you need the layout code.

[xklynn9x]

this isn't the actual code of what i was trying to do, it's just the "base" i'm using. like is it possible to switch where the dots and the lime green is?

CODE

<style type="text/css">
table td div div font {
    visibility:visible;}

body {
    background-color: ffffff;
    background-image: url(http://i12.photobucket.com/albums/a206/lagunaprincess/background.gif);
    background-position: top left;
    background-repeat: repeat;
    background-attachment: fixed;}
    


td {
    background-color: BDE74A;
    border: 0px;
    }
table table {
    border: 0px;
    }
table table table table{
    background-color: FF2184;
    border:0px;
              
    }
table table table {
    border-width: 0px;
    border-color: 0px;
    border-style: solid;
    background-color: FF2184;
    }
table table table td {
    background-color: transparent;
    }
table table table table td {
    filter:none;
    }
body, div, span, td, p, .redtext, .redbtext, .btext, .text {
    font-family: tahoma;
    font-size: 11px;
    color: ffffff;
    }
.blacktext12, .blacktext10 {
    font-family: tahoma;
    font-size: 11px;
    color: ffffff;
    }
.lightbluetext8 ,strong{
width: 100%;
  font-weight: bold;
  font-family : tahoma, sans-serif;
  font-size : 8px;
  color:FF9421;
  background-color:29D6EF;
  text-transform:uppercase;
  border: px solid 000000;
  padding: 2px;
  text-align: center;
  display: block;
}
.nametext {
    width: 100%;
  font-weight: bold;
  font-family : tahoma, sans-serif;
  font-size : 8px;
  color:FF9421;
  background-color:29D6EF;
  text-transform:uppercase;
  border: px solid 000000;
  padding: 2px;
  text-align: center;
  display: block;
    }
.whitetext12, .orangetext15 {
    width: 100%;
  font-weight: bold;
  font-family : tahoma, sans-serif;
  font-size : 8px;
  color:FF9421;
  background-color:29D6EF;
  text-transform:uppercase;
  border: px solid 000000;
  padding: 2px;
  text-align: center;
  display: block;
    }
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited,

a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,

a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active,

a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
    color: 29D6EF;
    font-weight: none;
    font-family : tahoma, sans-serif;
              font-size : 11px;
           font-weight : none;
              line-height : 11px;
              letter-spacing:0px;
    word-spacing:1px;
              text-transform: none;
    }
a.navbar:hover, a.man:hover, a:hover {
    color:FF9421;
    font-weight: bold;
    }
i {
color:29D6EF;
font-family: "times new roman";
font-size: 13px !important;
}
b {
    color:FF9421;
    font-weight: bold;
    font-family : tahoma, sans-serif;
              font-size : 8px;
           font-weight : bold;
              line-height : 15px;
              letter-spacing:1px;
    word-spacing:1px;
              text-transform: uppercase;
}
h1 {
  color: FF9421;
  background-color:F669B7;
  text-transform:none;
  border: px solid 000000;
  padding: 2px;
  text-align: center;
  display: block;
font-family: tahoma;
font-size: 12px !important;
}

.blacktext10 {width: 100%;
  font-weight: bold;
  font-family : tahoma, sans-serif;
  font-size : 8px;
  color:FF9421;
  background-color:29D6EF;
  text-transform:uppercase;
  border: px solid 000000;
  padding: 2px;
  text-align: center;
  display: block;
}



table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}



</style>