Howe to stop things moving on the page?

[Eis__Tee]

I have created an animated navigation bar. Code is :\[code\]#nav ul li a:hover{ color: #000033; background-color:#bcbceb; width: 200px; border-radius: 0 1em 1em 0; transition-property: width, color, background-color; transition-duration: 0.5s, 0.5s, 0.5s; transition-timing-function: linear, ease-in, ease in; -moz-transition-property: width, color, background-color; -moz-transition-duration: 0.5s, 0.5s, 0.5s; -moz-transition-timing-function: linear, ease-in, ease in; -webkit-transition-property: width, color, background-color; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-timing-function: linear, ease-in, ease in; }\[/code\]This is on the left hand side of the page. When each nav link moves to the right, it moves whatever content I have on the right to the right, rather than being in a fixed postion.I have tried position:fixed; but it doesn