The style sheet is #set1 legend { position: absolute; top: 200px; left: 200px } a picture of expected behaviour
#set1 legend { position: absolute; top: 200px; left: 200px }
The style sheet is #set2 legend { position: relative; top: 200px; left: 200px } a picture of expected behaviour
#set2 legend { position: relative; top: 200px; left: 200px }
The style sheet is #set3 legend { position: fixed; top: 200px; left: 200px } a picture of expected behaviour this one is tricky to illustrate
#set3 legend { position: fixed; top: 200px; left: 200px }
The style sheet is #set5 legend { margin-top: 100px; margin-left: 200px; } a picture of expected behaviour
#set5 legend { margin-top: 100px; margin-left: 200px; }
The style sheet is #set6 legend { width: 40px; display: block } a picture of expected behaviour
#set6 legend { width: 40px; display: block }
The style sheet is #set7 legend { float: left; width: 100px } a picture of expected behaviour
#set7 legend { float: left; width: 100px }
The style sheet is #set8 legend { float: right; width: 100px } a picture of expected behaviour
#set8 legend { float: right; width: 100px }
Float behaviour is different between browsers I prefer the behaviour in Opera, Safari’s seems incorrect to me.