inside. Here are the Positioning options: _ Type: Enables you to specify the position of a layer as absolute, relative, or static: Absolute: This positioning uses the top and left coordinates entered in the Placement text boxes to control the position of the layer relative to the upper-left corner of the Web page or to the element that contains this element. Figure 8-17: The List category in the CSS Rule Definition dialog box. 226 Part III: Advancing Your Site Relative: This positioning uses a position relative to the point you insert it into the page. Static: This positioning keeps the layer in the place where you insert it on the page relative to the browser window. Scrolling the window doesnt have an effect on a static element, so be careful not to place it over other information. _ Visibility: Enables you to control whether the browser displays the element. You can use this feature, combined with a scripting language, such as JavaScript, to dynamically change the display of layers. Visibility is used to create a number of effects on a page because you can control when something is seen or not seen. For example, you can cause an element to appear on a page only when a user clicks a button, and then make it disappear when the button is clicked again. The default is to inherit the original elements visibility value: Inherit: The layer has the visibility of the element in which it is contained. Visible: The layer is displayed. Hidden: The layer isnt displayed. _ Width, Height: Enables you to specify a width and height that you can use in styles you apply to images, layers, or any other element that can have its dimensions specified. You can use pixels, points, inches, centimeters, millimeters, picas, ems, exs, or percentages for your measurements. _ Z-Index: Controls the position of the layer on the Z coordinate, which is how it stacks in relation to other elements on the page. Higher-numbered layers overlap lower-numbered layers. _ Overflow: Tells the browser how to display the contents of a layer if the layer doesnt contain the entire contents. (This option does not currently display in the Dreamweaver Workspace.) Figure 8-18: The Positioning category in the CSS Rule Definition dialog box. Chapter 8: Cascading Style Sheets 227 Visible: Forces the layer to increase in size to display all its contents. The layer expands downward and to the right. Hidden: Cuts off the contents of the layer that dont fit. This option doesnt provide any scroll bars.