XML/CSS Style/overflow

Determining Where Overflow Should Go

   <source lang="xml">

File: Data.xml <?xml version="1.0" ?> <?xml-stylesheet type="text/css" href="Style.css" ?> <employees>

 <name language="English">T1</name>
 <name language="Latin">T2</name>
 <projects>
   <project>project1</project>
   <project>project2</project>
   <project>project3</project>
 </projects>
 <weight>3 points</weight>
 <length>3 years</length>

</employees> File: Style.css

employees {

  display:block;
  color:black;
  background:url(background.jpg)

} name {

  display:block;
  position:absolute;
  left:9px

} project {

  display:block;
  border:medium dotted red;
  padding:5px;
  margin-top:10px

} weight {

  display:block;
  position:relative;
  left:125px;
  width:340px;
  border:thin solid red;
  padding:5px;
  margin-top:5px; 
  height:300px;
  overflow:scroll

}

</source>
   
  

overflow scroll

   <source lang="xml">

File: Data.xml <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="Style.css"?> <PROJECTDB>

 <TOPICAREA>
 <PROJECT>
   <PROJECTTITLE>title</PROJECTTITLE>
   <DEVELOPER>developer</DEVELOPER>
   <CONTACT>address</CONTACT>
 </PROJECT>
 </TOPICAREA>

</PROJECTDB>

File: Stycle.css PROJECTDB {

  overflow:  scroll 

}

</source>