http://img.photobucket.com/albums/v58/PlayBoxCube/buttonslide.jpg The black rectangles are the buttons. Basically I have 'em working so they keep centered on the page no matter the size but for some reason the last few (which are coded no different) want to go down a line when it squishes too much (and for some reason the others don't follow when it crows them). The code I'm using for the buttons includes : #topbuttons { background: transparent; position: absolute; top: 180px; left: center; width: 100%; max-height: 48px; min-width: 846px; margin: 0px; } Sorry for the mess of the rest of the code which is the actual buttons with extra code in there that makes them switch pics which is irrelevant here : <div id="topbuttons"><center><ul><li><img src="images/leftnothing.jpg" /></li><li><a href="index.html" onMouseOver="document.home.src='images/buttons/home3.jpg'" onMouseOut="document.home.src='images/buttons/home2.jpg'"><img src="images/buttons/home2.jpg" name="home" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="films.html" onMouseOver="document.films.src='images/buttons/films3.jpg'" onMouseOut="document.films.src='images/buttons/films1.jpg'"><img src="images/buttons/films1.jpg" name="films" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="music.html" onMouseOver="document.music.src='images/buttons/music3.jpg'" onMouseOut="document.music.src='images/buttons/music1.jpg'"><img src="images/buttons/music1.jpg" name="music" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="resume.html" onMouseOver="document.resume.src='images/buttons/resume3.jpg'" onMouseOut="document.resume.src='images/buttons/resume1.jpg'"><img src="images/buttons/resume1.jpg" name="resume" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="photos.html" onMouseOver="document.photos.src='images/buttons/photos3.jpg'" onMouseOut="document.photos.src='images/buttons/photos1.jpg'"><img src="images/buttons/photos1.jpg" name="photos" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="blog.html" onMouseOver="document.blog.src='images/buttons/blog3.jpg'" onMouseOut="document.blog.src='images/buttons/blog1.jpg'"><img src="images/buttons/blog1.jpg" name="blog" alt="link: Java Script / Applets Page" border="0"></a></li><li><img src="images/rightnothing.jpg" style="position: fixed;" /></li></ul></center></div>